Source CodeExport to Figma
Using Tailwind CSS
Discover a wide variety of open-source, customizable components and designs using Tailwind CSS on Magic Patterns.
Beautiful Transparent Glowing Button
7
102
a blue 3d pill button with a gradient
6
185
Button that looks like a keyboard key
2
94
Apple-inspired Button (Big Sur Style)
2
99
A subtle well-shaded button design
10
200
Rectangle button with an animated background
2
92
Stack Overflow Inspired Button Design
6
123
3D Button by Syntax UI
1
135
Button design that shrinks when clicked
9
186
Google Maps Review Component with Mantine
3
69
A functional Tower Defense game
9
154
LinkedIn for Dogs
2.3k
3.9k
Template Landing Page Hero Section for a Digital Product
1.8k
9.7k
Responsive SaaS Landing Page Hero with Social Proof
7
377
Spotify's Home Dashboard
2.5k
7.3k
Animated Mesh Gradient Creation Tool
2k
4.6k
Futuristic Minimalist Cart Page with a Checkout Button
9
273
Animated Lamp from Aceternity UI
4
99
Ecommerce Shoe Store
8
571
Animated Testimonial Cards by Aceternity UI
7
377
Display this Spline Render of a Credit Card
3
282
Bookmarkable Map with Folders
2.1k
8.4k
Website Deployment Dashboard
675
4.2k
Sofi Landing Page with a 3D Bottle Animation
1
22
Infinite Virtualized Spreadsheet Table
2.3k
6.5k
Backend Services Diagram Builder using React Flow
884
6.9k
Live Logs Viewer with Autoscroll
1.1k
4.9k
Basic Chat Assistant UI
2k
10.3k
Instagram-style Social Media Feed
1.8k
12.8k
Blog Article Template
1.4k
4.5k
Currency Converter App
1.6k
3.7k
Data viz cards for multiple stats
711
12.4k
Beautiful Weather Display (Temp, Precipitation, Wind, AQI)
2k
10.8k
Kanban Board with Draggable Cards
1.1k
10.3k
Pricing Cards
1.7k
10.9k
Retro Gaming Sign Up Form
2.3k
7.5k
Calendar App
1.7k
4.5k
Messenger App Interface
6
180
Bento Grid with Cards
5
112
Flickering Grid Component
1.8k
4.7k
Dock-like Button Component
1.7k
6.6k
Horizontal Scrolling Menu with Framer Motion
1.9k
8.7k
Japanese-Style Personal Website
3
167