web design components

Design Faster With 500+ Pixel Perfect Layouts

A premium library of 500+ UI components and website templates for Figma, Framer, and Webflow. No coding needed!

Section 22
Used by designers from

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.

Copy Your First Layout

1
Hover over the component 'COPY'.
2
Select the tool you're currently using. Works for Figma, Framer, or Webflow.
3
Paste directly into your live document.
Copy
Hero Header 005
April 7, 2023
Hero Headers
two
right
buttons,image
buttons,image
text-left
figma,framer,webflow
Copy your first component

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.

Pricing

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

Free Plan

Limited Access

Explore the platform and copy 5 components. This plan is best for people just seeing if its the right fit.

View All Inspirations
View All Components
Filter Components
Limited to 5 Component Copies (Pro Feature)
Copy From Inspiration (Pro Feature)
Limited Webflow Components (Pro Feature)
Limited Framer Components (Pro Feature)
Limited Figma Components (Pro Feature)
Save 5 Components (Pro Feature)
Saving Inspirations (Pro Feature)
Pro Plan – Unlock 500+ Components

$20/month (7 Days Free)

Billed monthly at $20 or save more by changing to our Yearly plan. Best for part time freelancers still exploring our components.
View All Inspirations
View All Components
Filter Components
Unlimited Component Copies
Copy From Inspiration
Copy 500+ Components
Saving 500+ Components
Saving 1000+ Inspirations
Cancel anytime
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 Pro Plan – Unlock 500+ Components

$16/month

Billed yearly at $192. Design and build all year long without interruptions. Best for full time freelancers with a steady flow of clients.
View All Inspirations
View All Components
Filter Components
Unlimited Component Copies
Copy From Inspiration
Copy 500+ Components
Saving 500+ Components
Saving 1000+ Inspirations
Cancel anytime
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
Team Plan

Customised

The best choice for small teams and education platforms.

All Features from Freelance
Bulk Discount Rate
Personal Account Manager
Lifetime Plan (coming soon)

$239 Pay Once

Pay once and enjoy forever. For those power users who want to ultimate savings and love our product already.

All Features from Pro Plan
Bulk Discount Rate
Only Pay Once and Forget About Memberships!

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.

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