Pie chart with chart.js and tailwind css

Related Examples

• 
  Donunt chart with chart.js and tailwind css

  Author:
  Kairi Greene

  1 year ago

  9.7k
• 
  Bar Chart with TailwindCSS and AlpineJS

  Author:
  Akshay

  2 years ago

  11k
• 
  Line chart with chart.js and tailwind css

  Author:
  Kairi Greene

  1 year ago

  9.6k
• 
  Bar chart with chart.js and tailwind css

  Author:
  Kairi Greene

  1 year ago

  8.9k
• 
  Daily growth chart

  chart for showing data each day of the week

  Author:
  Samuel Dawson

  1 year ago

  9.7k
• 
  Sharp corner button design

  button with hover effect

  Author:
  Amit Pachange

  1 year ago

  10.6k
• 
  Stripped table with tailwind css

  Author:
  Task Master

  1 year ago

  12.5k
• 
  Article List Section

  A section displaying a list of articles with associated information.

  Author:
  Junclarkaizen Pagu

  1 year ago

  5.6k
• 
  Transparent text

  transparent text over the image

  Author:
  Anonymous

  1 year ago

  8.6k
• Responsive Navbar Example

  A working example of the navbar

  Author:
  Noob

  2 years ago

  14.2k
• 
  Continue with Google button

  Login with google button for social login.

  Author:
  S. Patel

  1 year ago

  20.5k
• 
  User Profile Card

  This User Profile Card includes: 1. Responsive design using Tailwind CSS classes 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support with appropriate color adjustments 4. Profile picture with hover effect 5. User name, job title, and a brief description 6. Social media icons with hover effects 7. Skill tags with hover animations 8. Connect button with hover effect 9. Subtle animations and transitions for better user experience 10. Automatic dark mode detection based on system preferences Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The card has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - The profile picture has a border that changes color in dark mode - Social media icons and skill tags have hover effects - The Connect button uses Indigo-800 with a Blue-900 hover state - The entire card has a shadow effect that changes on hover - Dark mode is automatically applied based on system preferences This design provides a clean, professional look for a user profile card while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  3 weeks ago

  132