Aurora Spinner

Related Examples

• 
  ForK blocks animations

  ForK blocks animations

  Author:
  Yor Rodriguez

  1 month ago

  404
• 
  Maintenance page template

  The site is under maintenance placeholder page

  Author:
  Anonymous

  1 year ago

  7.2k
• 
  Modern Testimonial

  A simple and easy to use component for reviews and testimonials.

  Author:
  Coastal UI

  2 weeks ago

  49
• 
  color blur

  blur

  Author:
  BocchiChan

  3 weeks ago

  88
• 
  Half filled circle with tailwind

  Author:
  Alok

  2 years ago

  12.5k
• 
  Show user details

  Author:
  Lucas Martinez

  2 years ago

  22.7k
• 
  Privacy policy page template

  Author:
  Anonymous

  9 months ago

  2k
• 
  authentication form terminal

  authentication form with zsh on mac terminal looks

  Author:
  ardianhu

  8 months ago

  1.7k
• Typewriter animation effect

  Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.

  Author:
  Samuel Dawson

  1 year ago

  17.9k
• 
  Product hunt showcase

  Author:
  Lukas Müller

  2 years ago

  11.7k
• 
  Forgot Password Form

  1. Color Updates: 1. Changed background to gradient `from-indigo-800 to-blue-900` 2. Updated text colors to match the new theme 3. Changed button colors to `bg-indigo-800` with `hover:bg-blue-900` 4. Updated focus rings to use indigo colors 5. Made footer links white with indigo hover states 2. Enhanced Styling: 1. Added gradient background 2. Improved border radius to `rounded-xl` 3. Enhanced shadow with `shadow-2xl` 4. Added hover scale effects 5. Added fade-in animation 3. Dark Mode Improvements: 1. Enhanced dark mode colors 2. Added system preference detection 3. Improved dark mode contrast 4. Updated dark mode focus rings 4. Added Functionality: 1. Added form validation 2. Added success message 3. Added form reset after submission 4. Added smooth transitions 5. Accessibility Improvements: 1. Maintained ARIA attributes 2. Enhanced focus states 3. Improved color contrast 4. Added transition animations for better UX 6. Added Interactions: 1. Hover effects on all interactive elements 2. Scale animation on card and button hover 3. Smooth color transitions 4. Form validation feedback The form now matches the Indigo-800 and Blue-900 color scheme while maintaining dark mode support and adding enhanced animations and interactions.

  Author:
  nejaa badr

  4 months ago

  683
• 
  portfolio

  This portfolio page for Claire includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support (the design is already dark-themed) 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections 2. Animated skill bars 3. Hover effects on projects and buttons 4. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Skills, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a frosted glass effect using backdrop filters - Text is white for high contrast against the dark background - Sections fade in and slide up as they enter the viewport - Skill bars animate when the skills section is in view - Project cards have a hover effect with scaling and increased opacity - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional portfolio page for Claire, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions and animations.

  Author:
  nejaa badr

  4 months ago

  1.2k