Source CodeExport to Figma

Using react

Discover a wide variety of open-source, customizable components and designs using react on Magic Patterns.
preview
Gradient Animated Progress Bar
2
93
preview
Customer Testimonial Card
10
109
preview
Stock Portfolio Performance Dashboard
3
291
preview
Interactive and Shimmery 3D Card Component
1
150
preview
A flight ticket display component for web or mobile
5
210
preview
Beautiful Transparent Glowing Button
7
102
preview
a blue 3d pill button with a gradient
6
185
preview
Button that looks like a keyboard key
2
94
preview
Apple-inspired Button (Big Sur Style)
2
99
preview
A subtle well-shaded button design
10
200
preview
Rectangle button with an animated background
2
92
preview
Stack Overflow Inspired Button Design
6
123
preview
3D Button by Syntax UI
1
135
preview
Button design that shrinks when clicked
9
186
preview
Google Maps Review Component with Mantine
3
69
preview
A functional Tower Defense game
9
154
preview
Workout Analysis Screen inspired by Strava
4
298
preview
LinkedIn for Dogs
2.3k
3.9k
preview
Template Landing Page Hero Section for a Digital Product
1.8k
9.7k
preview
A Search Engine Search Results Page with Ads
2k
17.6k
preview
Responsive SaaS Landing Page Hero with Social Proof
7
377
preview
Spotify's Home Dashboard
2.5k
7.3k
preview
3D Traits Visualization
2.5k
5.8k
preview
Animated Mesh Gradient Creation Tool
2k
4.6k
Futuristic Minimalist Cart Page with a Checkout Button
9
273
preview
Dental Appointment Booking Calendar
2
302
preview
Animated Lamp from Aceternity UI
4
99
Ecommerce Shoe Store
8
571
preview
Animated Testimonial Cards by Aceternity UI
7
377
preview
Video Player with Recommended Videos and Comments (Modeled after YouTube)
2.2k
9.4k
preview
A Rich-Text Editor Page Layout
4
141
preview
Display this Spline Render of a Credit Card
3
282
preview
Bookmarkable Map with Folders
2.1k
8.4k
preview
Website Deployment Dashboard
675
4.2k
preview
Sofi Landing Page with a 3D Bottle Animation
1
22
preview
Infinite Virtualized Spreadsheet Table
2.3k
6.5k
preview
Backend Services Diagram Builder using React Flow
884
6.9k
preview
Live Logs Viewer with Autoscroll
1.1k
4.9k
preview
Basic Chat Assistant UI
2k
10.3k
preview
Instagram-style Social Media Feed
1.8k
12.8k
Blog Article Template
1.4k
4.5k
preview
Currency Converter App
1.6k
3.7k
preview
Data viz cards for multiple stats
711
12.4k
preview
Beautiful Weather Display (Temp, Precipitation, Wind, AQI)
2k
10.8k
preview
Kanban Board with Draggable Cards
1.1k
10.3k
preview
Pricing Cards
1.7k
10.9k
preview
Retro Gaming Sign Up Form
2.3k
7.5k
preview
Calendar App
1.7k
4.5k
preview
Messenger App Interface
6
180
preview
Bento Grid with Cards
5
112
preview
Flickering Grid Component
1.8k
4.7k
preview
Dock-like Button Component
1.7k
6.6k
preview
Horizontal Scrolling Menu with Framer Motion
1.9k
8.7k
preview
Japanese-Style Personal Website
3
167