Gridaient Card Information Section
a card in neon design
This tailwind example is contributed by Akram Khan, on 13-Sep-2024. Component is made with Tailwind v3.4. It is responsive.
Related Examples
-
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.
1.8k -
Spinner with card
Use this animated loading indicator when content inside of a card is still loading.
3.5k -
Greeting Card with CTA
card with two actions with greeting msg according to time
8.4k -
Smooth Scale & Float Reveal
An enhanced scroll interaction that combines a vertical slide with a subtle scaling effect. As elements enter the viewport, they smoothly float up and scale to their full size, creating a polished, modern depth effect without complex libraries.
-
E-commerce cards
E-commerce responsive cards with dark mode
2.9k -
Premium Tailwind CSS Card Component
Discover this elegant premium card component built with Tailwind CSS featuring the Poppins font. This modern, responsive design features glassmorphism effects, gradient borders, smooth animations, and a sophisticated color scheme, making it ideal for showcasing premium products or services.
1.1k -
3D product Card
The product card has been fully recoded using a light (black-and-white) color theme. Let me know if you want to add more interactivity, change the layout, or adapt it for mobile or dark mode.
1.8k -
Post Card
Clean card for post grid, Blog grid
115 -
new Save Component tailwindflex
new Save Component tailwindflex
360
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.