Magic Patterns Logo
Partnering with 21st.dev5 minutesTeddy Ni

We're excited to announce that we've partnered with 21st Dev to bring you the best components from across the internet.

What is 21st.dev?


Copy a prompt from 21st.dev to use in Magic Patterns

21st Dev is a huge library of the best React components from across the internet. It's a great resource for finding new components to use in your projects.

Unlike site like Dribbble or Mobbin, 21st.dev provides the source code and makes it incredibly easy to import into your project.

Using 21st.dev with AI in Magic Patterns

Inside of every component on 21st.dev starting today, there'll be an option to copy a prompt to use inside of Magic Patterns.


Copy a prompt from 21st.dev to use in Magic Patterns

You can use this prompt as either a starting point for a new design, or even insert it into an existing design.

Here are some awesome examples built in Magic Patterns using components from 21st.dev:


Aurora Background Component

Animated Hero Section with a Title Carousel

World Map with Dotted Paths

RetroGrid Background

More components to come...

21st.dev currently has over 1k+ components and quickly growing. We'll be maintaining this integration to make sure that Magic Patterns can handle all the new components being added to 21st.dev.

We're excited to see what you build with these new components!