Copy & Paste, Hassle-free!
Snippify This!
A collection of simple (and cool) Tailwind CSS UI components and animations I often use in my open-source projects. Feel free to browse, copy, and reuse anything you like, hassle-free!
Browse Button Collection:
Primary Button
A simple and modern primary button.
Outline Button
An elegant outline button.
Inner Shadow Button
A button with inner white shadow
Inner Shadow Button
A button with inner black shadow
Loading Button
A rotating SVG for loading.
Hover Pulse
A button with a hover pulse animation.
Shinny Button
A button with a sweeping shine
Hover up Button
Hover Up button with BG color change.
Ping Animation Button
Hover Up button with bg color change.
Back To Top Button
Used on this page.
Copy & Paste, Hassle-free!
Info Banner
Used at the top of this page.
3D Pop Button
A button that lifts with a shadow pop effect.
Glassmorphism Button
A sleek glassy UI button.
Icon Circle Button
A round button for icons.
Neon Glow Button
A button that glows with a neon effect.
Gradient Hover Swipe Button
A gradient swipe effect on hover.
Floating Button
A button that floats and wobbles slightly.
Pill Button with Shadow Pulse
A rounded button with a pulse effect.
Shadow Outline Button
A button with an outline and subtle shadow.
Morphing Button
A button that morphs its shape.
Fire Animation Button
A button that has a fiery effect.
Tilt Button
A button that tilts on hover.
Underline Animation
A button with an animated underline effect.
Browse Card Collection:
Card Title
This is a basic card.
Basic Card
A clean and simple card layout.
Gradient Card
This card uses a gradient background.
Gradient Card
A card with a gradient background.
Glassmorphism Card
This card uses a frosted glass effect.
Glassmorphism Card
A card with a frosted glass effect and minimal design.
Profile Card
A card that displays profile information and social links.
Gradient Shadow Card
This card has a glowing gradient shadow effect.
Gradient Shadow Card
A card with a glowing gradient shadow effect.
Hover Animation Card
This card zooms in when you hover over it!
Hover Animation Card
A card that scales up slightly on hover.
Skeleton Card
A clean and simple card layout.
The Pro Plan
Unlock all features and stuff...
$1900/month
Pricing Card
A card designed for pricing tiers.
"These snippets changed my life! Highly recommend it to everyone."
Jane Doe
Testimonial Card
A card for user testimonials.
New
Notification Card
This card has a red badge to highlight new content.
Card with Notification Badge
A card with a small notification badge.