Radial Progress Indicator with TailwindCSS

Related Examples

• 
  Simple layout

  Author:
  Edward Carandang

  10 months ago

  1.6k
• 
  progress-bar with Tailwind CSS and Alpinejs

  Author:
  Michael Andreuzza

  10 months ago

  1.3k
• 
  color blur

  blur

  Author:
  BocchiChan

  3 weeks ago

  88
• 
  free tailwind resume template

  free tailwind resume template

  Author:
  Geoffrey Callaghan

  1 year ago

  3k
• 
  Linear infinite brand scrolling with hover effect

  Beautiful lineat brand scrolling partner with hover effect

  Author:
  Walid Ahmad

  6 months ago

  1.2k
• 
  Privacy Policy

  Privacy Policy

  Author:
  Tanvir Hasan Bappy (Tanvir)

  3 months ago

  238
• 
  Calculator

  A Basic Calculator

  Author:
  Debbie F

  7 months ago

  765
• 
  google meet clone

  Meeting application with fully responsive connect my web for jsx https://abhirajk.vercel.app/

  Author:
  Abhiraj

  1 month ago

  211
• 
  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
• 
  Icon group

  Author:
  Conan Hilton

  2 years ago

  9k
• 
  Responsive Progress bars

  Author:
  Anum Shahana

  3 months ago

  483
• 
  Invoice

  Invoice

  Author:
  Ameth Galarcio

  8 months ago

  1.6k