Source CodeExport to Figma
Using Tailwind CSS
Discover a wide variety of open-source, customizable components and designs using Tailwind CSS on Magic Patterns.
6
233
Airbnb Clone Responsive UI
9
1.2k
Japanese-Style Personal Website
3
1.1k
Horizontal Scrolling Menu with Framer Motion
1.9k
10.1k
Dock-like Button Component
1.7k
7.7k
Flickering Grid Component
1.8k
5.3k
Bento Grid with Cards
5
172
Messenger App Interface
6
255
Calendar App
1.7k
5.5k
Retro Gaming Sign Up Form
2.3k
8.2k
Pricing Cards
1.7k
12k
Kanban Board with Draggable Cards
1.1k
11.7k
Beautiful Weather Display (Temp, Precipitation, Wind, AQI)
2k
11.6k
Data viz cards for multiple stats
711
13.5k
Currency Converter App
1.6k
4.4k
Blog Article Template
1.4k
5k
Instagram-style Social Media Feed
1.8k
13.5k
Basic Chat Assistant UI
2k
10.9k
Live Logs Viewer with Autoscroll
1.1k
5.6k
Backend Services Diagram Builder using React Flow
884
7.8k
Infinite Virtualized Spreadsheet Table
2.3k
7k
Sofi Landing Page with a 3D Bottle Animation
1
57
Website Deployment Dashboard
675
5.9k
Bookmarkable Map with Folders
2.1k
9.1k
Display this Spline Render of a Credit Card
3
1.5k
Animated Testimonial Cards by Aceternity UI
7
1.2k
Ecommerce Shoe Store
9
2.2k
Animated Lamp from Aceternity UI
4
193
Futuristic Minimalist Cart Page with a Checkout Button
9
669
Animated Mesh Gradient Creation Tool
2k
5.3k
Responsive SaaS Landing Page Hero with Social Proof
7
1.3k
Spotify's Home Dashboard
2.5k
8.5k
Template Landing Page Hero Section for a Digital Product
1.8k
10.7k
LinkedIn for Dogs
2.3k
4.8k
A functional Tower Defense game
9
189
Google Maps Review Component with Mantine
3
172
Button design that shrinks when clicked
9
209
3D Button by Syntax UI
1
156
Stack Overflow Inspired Button Design
6
138
Rectangle button with an animated background
2
114
A subtle well-shaded button design
10
220
Apple-inspired Button (Big Sur Style)
2
122
Button that looks like a keyboard key
2
121
a blue 3d pill button with a gradient
6
206
Beautiful Transparent Glowing Button
7
140