Source CodeExport to Figma
Using react
Discover a wide variety of open-source, customizable components and designs using react on Magic Patterns.
Japanese-Style Personal Website
3
192
Horizontal Scrolling Menu with Framer Motion
1.9k
9.2k
Dock-like Button Component
1.7k
6.9k
Flickering Grid Component
1.8k
4.9k
Bento Grid with Cards
5
124
Messenger App Interface
6
199
Calendar App
1.7k
4.9k
Retro Gaming Sign Up Form
2.3k
7.7k
Pricing Cards
1.7k
11.2k
Kanban Board with Draggable Cards
1.1k
10.7k
Beautiful Weather Display (Temp, Precipitation, Wind, AQI)
2k
11.1k
Data viz cards for multiple stats
711
12.8k
Currency Converter App
1.6k
3.9k
Blog Article Template
1.4k
4.7k
Instagram-style Social Media Feed
1.8k
13k
Basic Chat Assistant UI
2k
10.5k
Live Logs Viewer with Autoscroll
1.1k
5.1k
Backend Services Diagram Builder using React Flow
884
7.2k
Infinite Virtualized Spreadsheet Table
2.3k
6.7k
Sofi Landing Page with a 3D Bottle Animation
1
29
Website Deployment Dashboard
675
4.9k
Bookmarkable Map with Folders
2.1k
8.7k
Display this Spline Render of a Credit Card
3
692
A Rich-Text Editor Page Layout
4
149
Video Player with Recommended Videos and Comments (Modeled after YouTube)
2.2k
9.6k
Animated Testimonial Cards by Aceternity UI
7
655
Ecommerce Shoe Store
8
1.1k
Animated Lamp from Aceternity UI
4
124
Dental Appointment Booking Calendar
5
607
Futuristic Minimalist Cart Page with a Checkout Button
9
403
Animated Mesh Gradient Creation Tool
2k
4.8k
3D Traits Visualization
2.5k
6k
Responsive SaaS Landing Page Hero with Social Proof
7
698
A Search Engine Search Results Page with Ads
2k
17.8k
Spotify's Home Dashboard
2.5k
7.7k
Template Landing Page Hero Section for a Digital Product
1.8k
10k
LinkedIn for Dogs
2.3k
4.2k
Workout Analysis Screen inspired by Strava
4
418
A functional Tower Defense game
9
166
Google Maps Review Component with Mantine
3
94
Button design that shrinks when clicked
9
190
3D Button by Syntax UI
1
138
Stack Overflow Inspired Button Design
6
127
Rectangle button with an animated background
2
97
A subtle well-shaded button design
10
204
Apple-inspired Button (Big Sur Style)
2
105
Button that looks like a keyboard key
2
98
a blue 3d pill button with a gradient
6
190
Beautiful Transparent Glowing Button
7
114
A flight ticket display component for web or mobile
5
219
Interactive and Shimmery 3D Card Component
1
155
Stock Portfolio Performance Dashboard
3
567
Customer Testimonial Card
10
115
Gradient Animated Progress Bar
2
108