Nocodable components

The ultimate Framer UI Kit.

Nocodable Components is the ultimate Framer UI Kit. More than 200 high quality, fully responsive components to build amazing Framer websites in no time.

webinti logo
Loved by 1000+ users
Start building
No card required

100+ Components to build your apps

An extensive library of hundreds of Bubble.io components. From marketing to webapps components, you'll find everything you need for your projects.

Fully Responsive

All our Bubble components are fully responsive, so that they will guarantee an optimal experience both on desktop and mobile.

100% Customizable

Easily customize any components to your color palette and your copy, so that your can ship your app in no time.

Follows UI & UX best practices

All our Bubble components are crafted following User Interface and User Experience best practices.

AI Data - Tech Webflow Template

The best Framer UI Kit to build better websites, 10 times faster.

Our UI Kit for Framer helps you build gorgeous Framer websites in a fraction of the time.

The man's hand a black-and-white image of a clock

Faster development

Ship websites 10 times faster, while making them more beautiful and user friendly.

icon

Better looking websites

UI Design is not an option anymore. Your website needs to look good to be successful.

Black check Icon Under in the Settings icon

Better user experience

Give your users an amazing experience on your website with our components crafted by experts.

Start building
No card required

Simply Copy & Paste components to your project

Find the component you need within our library, copy it and paste it within your Framer project. Yep, it's that easy.

200+ ready to use Components

An extensive library of more than 200 components. Ideal for quickly building the most amazing websites ever.

Fully Responsive

All of our components are carefully crafted by Framer experts and are fully responsive so that your  app can be displayed on any device.

Build your own Framer UI Kit

Re-use your own Framer components to save time on every projects. Simply Right Click any components on your app to store it to your library.

Save any Framer component

Simply right click any Framer element and save to your own personal library.

Create folders

Create as many folders you need to efficiently store your components and find them when needed.

framer ui kit nocodable
ui kit for framer

Work & share with your team

Working in team ? Easily create your team in our extension to share any components with each other.

Invite members to your team

Send invites to other people to join your team and share components with each other.

Create shared folders

Create shared folders to store your Framer components and find them more easily.

See what our users say

They use our Bubble library, so they know what we're capable of.

webinti logo
Loved by 1000+ users

"Magnificent!
You've developed a much more efficient system than the native Bubble solution. I'm buying it outright"

webinti logo
Tim Webinti

Webinti France

"In short, if you're a Bubble user, I highly recommend you install this extension. It will save you time and improve your productivity with super-clean, professional elements."

Farouk Zemmouri

Bubble Developer

"Great extension!
The components are clean and very useful for saving time. I recommend this extension to all Bubble users."

Mickael Bourgois

Bubble Developer

"A superb extension to Bubble that lets you use high-quality pre-designed components to create your web application even faster.I particularly appreciated being able to save my own basic components in my personal space for use elsewhere. Having tested other similar plugins, this one is the most efficient and complete: go for it!"

Charles-Edouard Turquais

Bubble instructor

"Excellent extension that saves me an incredible amount of time on my projects, with quality, well-thought-out components.I recommend it 100%!"

Maxime Gadras

Bubble developer and instructor

"The components are really great! Can't wait to test some more and save mine for easy reuse.
I really recommend it!"

Valentin Korsougne

Bubble Developer

PROCESS

How it works

1

Download our Chrome extension here on the Google Chrome Store.

2

Create a free account directly within the extension.

3

Find a component you want to use and simply click on "Copy Component".

4

Paste the component into your editor and you're done !

Start to build Bubble apps, faster than ever.

$0

Get access to a selection of free components and get started when you're ready.

google chrome logo
Try it out for free
No card required
Free components
3 saved components
Personal Folders
Priority Support
Request components
Access to all updates
Team creation
Popular - Only 7.4€/mo
$89
Yearly

Get unlimited access to our components and save as many as you want into your library.

google chrome logo
Try it out for free
No card required
Unlimited components
Unlimited saved components
Personal & Shared Folders
Priority Support
Request components
Access to all updates
Team creation
$129
Lifetime

Get unlimited access to our components and save as many as you want, forever.

google chrome logo
Try it out for free
No card required
Unlimited components
Unlimited saved components
Personal & Shared folders
Priority Support
Request components
Access to all future updates
Team creation

Start building better Framer websites, faster than ever.

Build better looking and more user friendly Framer websites, 10 times faster.

a black and white image of a black and white backgrounda black and white image of a black and white background

Frequently Asked Questions

You have some questions ? Here are some answers.

What is a UI Kit exactly ?
Plus Icon

A UI Kit is a set of pre-built components that you can simple copy and paste into your projects. They are designed and built by experts, fully responsive and easy to adapt to your website's design.

This is what we do with Nocodable Components. We built an extensive UI Kit for Bubble.io projects, and we are now working on building one for Framer !

Will there be a launch offer ?
Plus Icon

Yes, there will be a launch offer (and a good one)!

We don't have a definitive price at the moment, but there will be a launch offer (probably a lifetime deal).

Why would I need a Framer UI Kit ?
Plus Icon

Let’s face it, UI Design is a skill that is not innate.  

Sure, you could spend hours and a ton of money on design courses, but do you really have the time for that ?

With our UI Kit, you can simply trust UI Design experts, and focus on your business.

And even if you are a Framer expert, it's a great way to save time a lot of time on your projects.

When are you launching ?
Plus Icon

We don't have an exact date to communicate yet. But the product is ready and working, we are now working on building all the component for the library.

We expect to launch by the end of June 2024.

Can I request components ?
Plus Icon

If you are on a paid plan and missing a component for your website, you can indeed make a component request from the extension.

Describe us what you would like and we'll add at it as fast as possible to the library so you can use it.

Will I be able to try the extension for free ?
Plus Icon

Yes ! You will be able to install the extension and create an account for free (without needing to add you card).

You will get access to all our free components and will be able to save up to 3 of your own components.

Start building better Framer websites, faster than ever.

Build better looking and more user friendly Framer applications, 10 times faster.

a black and white image of a black and white backgrounda black and white image of a black and white background