web design components

Go To Market Faster With Prebuilt Components

Find the best web design components and inspirations. Similar layouts available for duplication for Figma, Framer, & Webflow.

Used by designers from

Take it for a spin!

Copy any of these elements and paste it into your Figma, Webflow, or Framer project.

Inspired by real life
Many of our components are linked to screenshots of real website sections. Using the copy button in the inspiration will copy a similar design from our own component library.
Copy
Hero Header 005
April 7, 2023
Hero Headers
two
right
buttons,image
buttons,image
text-left
figma,framer,webflow
Figma
Framer
Webflow
Copy
Stripe
Hero Header
June 5, 2023
TBD
Hero Headers
two
right
buttons,image
text-left
figma,framer,webflow
Never start from 0

How does it work?

Simple 3 step process to get you started
1

Browse

Explore All Components, or All Inspiration
2

Copy

Copy from 500+ designs (300 more coming this summer).
3

Paste

Paste into your project. Works best on app verions.

Why use Tilebit?

One word: Adaptability
As designers ourselves we understand different projects call for different tools. We offer a wide range of components for Webflow, Framer, and also Figma.

Webflow

Explore Webflow Components

Framer

Explore Framer Components

Figma

Explore Figma Components

Our Lightweight Designs

We're launching 300 more this summer, quick previews never hurt anyone.

Designers 🧡 Tilebit

Our community understands the value of Tilebit, helping users design and build websites quicker than ever before.
@FluxAcademy
Congrats on the launch Arnau! This looks incredible!
@LouisArquivo
Amazing graphic work behind tilebit love the name and the vibe
@danielgriffiths3031
This is incredible!
@rejointrident
looks fantastic and works fine with firefox!
@contra_hq
This is amazing! Congrats on the launch 🚀
@KarolisTan
Very clever idea, well done!
@beforemiroafter1265
Awesome work and unique tool!
@alwanrosyadi5209
wow, this is so cool 🔥🔥🔥
@timgabedesign
@tilebit ’s growing nicely arnau!! keep rocking 😃
@KevinHair
A tool for my three favorite tools: Figma, Framer, and Webflow! This looks great 🎉 I will be trying this today!
@lucasalves4786
Congrats, This is a huge and beautiful project that will help so much!
@farhan-app
This is gold. Keep it up!
@Thebmzi
This is nice. I'm all in for it.

Made with Tilebit

Sections designed with premium Tilebit components to be released soon.

Pricing

Our pricing plans are designed to be affordable for most designers. Cancel any time.

Basic Plan

Free Forever

Perfect for anyone looking to explore our libraries.

View All Inspirations
View All Components
Filter Components
Complete Component Viewing
Copy From Inspiration
Limited Webflow Components
Limited Framer Components
Limited Figma Components
Saving 15 Components
Saving Inspirations
Freelance plan

$20/month (7 Days Free)

All our features in our software and all future  updates.
View All Inspirations
View All Components
Filter Components
Complete Component Viewing
Copy From Inspiration
Copy All Webflow Components
Copy All Framer Components
Copy All Figma Components
Saving All Components
Saving Inspirations
Purchase MonthlyPurchase Monthly
Switch to Monthly

Heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Are you sure you want to change your subscription to Monthly?

You will not have to pay a monthly subscription until your yearly plan is over.
Switch To Monthly
Current Plan
Most Common
Yearly Plan (Save 16%)

$16/month

Billed Yearly $192 After our 7 Day Free Trial.
View All Inspirations
View All Components
Filter Components
Complete Component Viewing
Copy From Inspiration
Copy All Webflow Components
Copy All Framer Components
Copy All Figma Components
Saving All Components
Saving Inspirations
Purchase YearlyPurchase YearlyPurchase New Yearly
Switch to Yearly

Heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Are you sure you want to switch to Yearly?

The full amount will be billed immediately.
Switch To Yearly
Currrent Plan
Most Common
Enterprise Plan

Get In Touch

The best choice for small teams and education platforms.

All Features from Freelance
Bulk Discount Rate
Personal Account Manager

Need More direct help?

Our sub companies can help you or your team get the best out of Webflow and freelancing.

Hire our Webflow Agency Macu Studio

Are you a startup looking to build a site? Our Agency Macu Studio was recently named as a leading Webflow agency.

Become an expert Web Designer

Join our academy Ros Design Academy, where we help designers learn the process of becoming a web designer.

Roadmap

We’re building the future of fast website development. Take a look at how the next few months are looking.

BETA LAUNCH
Initial launch, design system feedback
monthly components
Minimum 50 components added every month. Based on inspiration designs and user wishlist
Unique Designs
Adding unique layouts. Collaboration with designers
animations
Adding micro interactions and animation components
full launch
Chrome Extension & Figma Plugin

FAQs

If you have any other questions feel free to send us a message in our Discord, or send us an email
How is Tilebit different from other libraries?

Tilebit not only provides components for Figma and Webflow, but we also offer Framer compatibility for each component. This allows user consistency in components across multiple platforms and projects.

How many components does Tilebit offer?

Tilebit offers more than 500 carefully curated components. Each component can be filtered through the multiple tags available.

What framework does Tilebit Webflow use?

We built our Webflow components using the most popular framework for freelancers and agencies, Client-First. This enables us to develop the most useful components, rather than creating a new framework.

What does being in Beta mean?

We're currently in Beta. This means our design library will still have some things to perfect and we're actively working with our user base to help create the best possible solution for designers.

Do you offer discounts

In specific cases we will give discounts to individuals. If you would like access to Tilebit please get in contact with us.

What is the Inspiration library?

Tilebit offers a unique inspiration library with over 1000 screenshots. Beyond just providing inspiration, many of these screenshots are directly linked to our wireframe component library. This seamless integration bridges the gap between idea and implementation, streamlining the design process.

Why Framer, Figma, and Webflow?

By extending compatibility to Figma, Webflow, and Framer, Tilebit enables designers to work in their preferred environment without compromise and pick the best tool for the client.

Do I need to know ALL softwares to use Tilebit?

If you chose to, you can stick to the software you are most comfortable with. Tilebit simply gives the option to use all three, but you are not required to use them all.

How can I save money by subscribing to yearly?

Our yearly plan is a great option while we are still in Beta! If you're looking to save money you can lock in our Beta Yearly plan. If you'd like to purchase a lifetime plan please get in contact with us.

What kind of support can I expect from Tilebit?

We have a public Discord where you can find commonly answered questions, or ask us anything you'd like. We also have our YouTube channel where you'll find tutorials on how to use each category (TBD).

Community

We're available on Discord

Come find us on Discord where we'll be there answer any questions or listen to feedback you might have

Rich Text
Dropdown
Accordion
List
Logos
Cards
Text Only
Background Image
Multiple Images
Icons
Image
Tagline
Forms
Buttons
Slider
Rich Text
Dropdown
Accordion
List
Logos
Cards
Text Only
Background Image
Multiple Images
Icons
Image
Tagline
Forms
Buttons
Slider
Open Modal

Heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

You need a membership in order to use that component
Sign Up
Sign In