Build your next website lightning fast.

The Designrmind component library provides over 600+ pre-built components made for Framer. Build beautiful, fully responsive websites in minutes, not days.

Features

The Designrmind component library.

Over 600+ components

A library of pre-built components ready for use on your next project. From headers to footers and everything in between.

A photo of components from the Designrmind component library

Styled and wireframe components

Use wireframes to build a foundation for your website or use styled components for inspiration. More styled components coming soon!

Styled and wireframe components from the Designrmind component library

Light and dark themes

The Designrmind component library comes with both light and dark components. Maintain a consistent theme throughout your website or mix and match to your liking.

Light and dark components from the Designrmind component library

Fully responsive design

Components designed for all sizes including desktop, tablet, mobile.

Fully responsive components from the Designrmind component library
Copying components

How does it work?

An image of the Designrmind style guideAn image on how to copy components from the Designrmind component libraryAn image on how to edit components from the Designrmind component libraryAn image on how to style components from the Designrmind component library

Get a copy of our Style Guide

The Designrmind Style Guide contains all the text styles, color styles, and UI elements needed for your next project. Apply these styles to your design and easily edit them later.

An image of the Designrmind style guide

Copy and paste components from the library

Copy any component from our library with a click of a button. Then paste it onto your canvas in Framer and edit to your liking.

An image on how to copy components from the Designrmind component library

Editing components

Every component is fully editable. From text to images to buttons, all elements of the component can be edited to fit your client's branding.

An image on how to edit components from the Designrmind component library

Styling components

All styles used in your project can be found in the Assets panel on the left in Framer. Editing these styles will apply changes to the corresponding elements across your project.

An image on how to style components from the Designrmind component library
"We were able to build a large scale website for one of our clients for a fraction of the cost of the project. If you're a designer using Framer, then the Designrmind component library is a must!"
Avatar of a testimonial

Noah Park

Product Designer

"Built a fully functional website in under an hour using the Designrmind component library. The components are well-made and easily customizable. We're excited to be using it for all of our future projects!"
Avatar of a testimonial

Joohyun Bae

UI/UX Designer

"Designing can be such a tedious task. That's why most designers reuse systems and elements. The guys at Designrmind built a whole library of reusable components to help other designers build sites super fast. We're never building from scratch again!"
Avatar of a testimonial

Chris Yoo

Web Designer

Questions?

Get answers.

Have more questions? Feel free to contact us at support@designrmind.com.
How do I paste components into Framer?

Click the "copy" button on a component and paste it onto your Framer canvas by pressing Command+V on Mac or Control+V on Windows.

Will there be new components?

New components will released every month! Members will be notified via email when new components are added to the library.

How many components can I copy at a time?

Copying components are limited to 15 a day under a MONTHLY plan. We have systems in place to detect high volumes of copying. For unlimited copying, please upgrade to a YEARLY plan.

How do I upgrade/change plans?

Once you sign into your account, click the profile avatar at the top right and there you'll see an option to change plans.

Can I use it for commercial projects?

Of course! The Designrmind component library was created for designers like you, so you can use it on all your Framer projects for clients.

Do you offer a free trial?

We offer free limited components that's included with a FREE account. You can sign up here.

What is your refund policy?

We currently do NOT offer refunds as we provide free components for everyone to try before buying.

Can I cancel my subscription?

Sure! Simply navigate to your member profile and cancel your subscription.

How do I contact support if I need help?

Feel free to contact our support team at support@designrmind.com.

Choose your plan

Design for a fraction of the cost of your next project.

Free
Access to free components
Single user license
Monthly
Access to 600+ components
Styled and wireframe components
Light and dark themes
Fully responsive design
Limited copies per day
Single user license
Annual
Access to 600+ components
Styled and wireframe components
Light and dark themes
Fully responsive design
Unlimited copies per day
Single user license
Priority support
$32/mo
Billed yearly

#nocode

We are firm believers in the no-code movement. The Designrmind component library was developed to help you build websites without having to spend much time on designing and coding. Spend less time completing projects and more time on your other passions.