Source CodeExport to Figma

Using @chakra-ui/react

Discover a wide variety of open-source, customizable components and designs using @chakra-ui/react on Magic Patterns.
preview
A Rich-Text Editor Page Layout
4
149
preview
Video Player with Recommended Videos and Comments (Modeled after YouTube)
2.2k
9.6k
preview
Dental Appointment Booking Calendar
5
607
preview
A Search Engine Search Results Page with Ads
2k
17.8k
preview
A flight ticket display component for web or mobile
5
219
preview
Gradient Animated Progress Bar
2
108
6 Components using @chakra-ui/react