- Home
-
Plant Game
Plant Game
Checking to see if it works
This tailwind example is contributed by Becky Keyworth, on 02-May-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.
Author Becky Keyworth
Related Examples
-
3 months ago199
-
Invoice
Invoice
6 months ago493 -
Pixel Blast
Pixel Blast
1 week ago39 -
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.
11 months ago1.1k -
Responsive Hero Section with Typewriter Effect
A modern hero section featuring a typewriter animation effect, social media links, and responsive design. Includes a user avatar placeholder and a clean dark gradient background. Built with Tailwind CSS and Font Awesome icons. Perfect for personal portfolio websites.
6 months ago422 -
masonary grids effect for cards using columns
As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).
7 months ago1.1k -
Customer support chatbox
Floating chatbox
2 years ago11.4k -
1 year ago2.4k
-
Solo leveling 2
Animation & movie field,videos,games.
4 months ago427 -
Elegant Dock
Useful Tailwind classes for constructing a basic Dock (usually used on mobile).
5 months ago640 -
Linear infinite brand scrolling with hover effect
Beautiful lineat brand scrolling partner with hover effect
1 year ago2.1k -
Animated bento box.
A Coastal UI component (coastalui.com). This can be used as part of a bento box, great for showing connectivity between context, could be used beyond just showing tech stacks.
7 months ago1.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components