Component Factory · UXDivers × Untitled UI

Component System Workspace

Drop Untitled UI layouts into each section. Apply uxd- override classes. Extract as reusable Webflow components. Do not build from scratch.

01 · BUTTONS

Buttons

Variants: primary, secondary, text.
Íconos SVG : Todos los íconos deben usar SVG con fill="currentColor", el color se hereda del elemento padre via CSS

Primary

Parent classe(s):  uxd-btn--primary
Children classe(s): uxd-btn--lg, uxd-btn--sm, uxd-btn--icon-left,uxd-btn--icon-right

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Secondary

Parent classe(s):  uxd-btn--secondary
Children classe(s): uxd-btn--lg, uxd-btn--sm, uxd-btn--icon-left,uxd-btn--icon-right

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Text (validar usos y definir si llevan padding)

Parent classe(s):  uxd-btn--text
Children classe(s): uxd-btn--lg, uxd-btn--sm, uxd-btn--icon-left,uxd-btn--icon-right

Button Text
Button Text
Button Text
Button Text
Button Text
Button Text
Icon Only

Parent classe(s):  uxd-btn--primary, uxd-btn--secondary,uxd-btn--text
Children classe(s): uxd-btn--lg, uxd-btn--sm, uxd-btn--icon-only

02 · tags

Tags

Small label components for categories, status, and filters.

Parent classe(s):  uxd-tag
Children classe(s): uxd-tag--md, uxd-tag--sm, uxd-tag--icon, uxd-tag--brand, uxd-tag--success, uxd-tag--danger

Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
03 · NAVBARS

Navbars

Navigation components. Adapt UITUI navbar to UXDivers: Geist Mono logo, ghost + primary button pair, dark sticky header. Target class: uxd-navbar.

04 · footers

Footer

Single footer component with logo, navigation links, and social icons. Base class: uxd-footer‍

05 · FORMS

Forms

Input fields, labels, select, textarea, checkbox.

Forms Elements

uxd-form_field-label
uxd-form_input
uxd-form_input
uxd-form_input--textarea
uxd-form_input
uxd-form_input--select
uxd-form_checkbox
uxd-form_radio
uxd-btn--primary
Submit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
06 · CARDS

Cards

Four types: service, icon center, icon left, highlight, media. Base class: uxd-card

uxd-card--service
UXDivers services
HMI & Embedded Design
We design and build interfaces for industrial systems, embedded hardware, and Linux-based devices where performance, precision, and usability matter.
uxd-card--icon-left
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
uxd-card--icon-center
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
uxd-card--highlight
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
uxd-card--media
Mockup
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
07 · Section Layouts

Section Layouts

Hero sections, feature highlights, logo rows, footers. Structural exploration before committing to a canonical component. No constraints on what gets dropped here.

Hero sections

Base class: uxd-section-hero

Join our remote team

Beautiful banking to grow smarter

Powerful, self-serve product and growth analytics to help you budget, forecast, and save.
Demo
Get started
MacBook mockup
Join our remote team

Portfolio performance tracking made easy

Designed by marketers. Untitled gives you the guidance, data and innovation you need to become a better marketer.
iPhone mockup
Join our remote team

Beautiful analytics to grow smarter

Powerful, self-serve product and growth analytics to help you convert, engage, and retain more users. Trusted by over 4,000 startups.
Demo
Get started
MacBook mockup

We design digital experiences that create more happy in the world

— We’re a full-service design and development agency who specialise in simple, useful and beautiful solutions.
Demo
Get started
Computer with desk on it

Header Sections

Base class: uxd-section-header

About the company

Learn more about the company and the team behind it.

About the company

Learn more about the company and the team behind it.

About the company

Learn more about the company and the team behind it.
Pricing

Plans that fit your scale

Simple, transparent pricing that grows with you. Try any plan free for 30 days.
Chat to sales
Get started
Pricing

Plans that fit your scale

Simple, transparent pricing that grows with you. Try any plan free for 30 days.
Chat to sales
Get started
Simple, transparent pricing that grows with you. Try any plan free for 30 days.
Pricing

Plans that fit your scale

Simple, transparent pricing that grows with you. Try any plan free for 30 days.
Chat to sales
Get started
Resources

Untitled blog

The latest industry news, technologies and resources.
We care about your data in our privacy policy.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Resources

Untitled blog

The latest industry news, technologies and resources.
We care about your data in our privacy policy.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Logos Sections

Base class: uxd-section-logos

Trusted by 4,000+ companies
Join 4,000+ companies already growing

Testimonials Sections

Base class: uxd-section-testimonials

Untitled has saved us thousands of hours of work. We’re able to spin up projects and features faster.

Mollie Hall
Web Developer, Quotient

Untitled has saved us thousands of hours of work. We’re able to spin up projects and features faster.

Kelly Williams
Head of Design, Layers

We’ve been using Untitled to kick start every new project and can’t imagine working without it.

Lyle Kauffman
Data Engineer, Sisyphus

Don’t just take our word for it

Hear from some of our amazing customers who are building faster.
Love the simplicity of the service and the prompt customer support. We can’t imagine working without it.
Lyle Kauffman
Data Engineer, Sisyphus
Untitled has saved us thousands of hours of work. We’re able to spin up projects and features faster.
Kelly Williams
Head of Design, Layers
We’ve been using Untitled to kick start every new project and can’t imagine working without it.
Koray Okumus
UX Designer, Circooles
Love the simplicity of the service and the prompt customer support. We can’t imagine working without it.
Mollie Hall
Web Developer, Quotient

Don’t just take our word for it

Hear from some of our amazing customers who are building faster.
"We’ve been using Untitled to kick start every new project and can’t imagine working without it."
Candice Wu
Product Manager, Sisyphus
"Love the simplicity of the service and the prompt customer support. We can’t imagine working without it."
Mollie Hall
Web Developer, Sisyphus
"Untitled has saved us thousands of hours of work. We’re able to spin up projects in hours."
Kelly Williams
Head of Design, Layers
"Love the simplicity and the prompt customer support."
Koray Okumus
UX Designer, Circooles
"We’ve been using Untitled to kick start every new project. I can’t imagine working without it."
Lyle Kauffman
Data Engineer, Catalog
"We’ve been using Untitled to kick start every new project and can’t imagine working without it."
Candice Wu
Product Manager, Sisyphus
"Love the simplicity of the service and the prompt customer support. We can’t imagine working without it."
Mollie Hall
Web Developer, Sisyphus
"Untitled has saved us thousands of hours of work. We’re able to spin up projects in hours."
Kelly Williams
Head of Design, Layers
"Love the simplicity and the prompt customer support."
Koray Okumus
UX Designer, Circooles
"We’ve been using Untitled to kick start every new project. I can’t imagine working without it."
Lyle Kauffman
Data Engineer, Catalog

Features sections

Base class: uxd-section-features

Features

Share team inboxes

Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop. Leverage automation to move fast, while always giving customers a human, helpful experience.
Get started
Get started
Dashboard mockup
Dashboard mockup
Features

Share team inboxes

Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop. Leverage automation to move fast, while always giving customers a human, helpful experience.
Get started
Get started
Features

Overflowing with useful features

Powerful, self-serve product and growth analytics to help you convert, engage, and retain more users. Trusted by over 4,000 startups.
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Get started
Learn more
Dashboard mockupiPhone mockup
Features

Overflowing with useful features

Powerful, self-serve product and growth analytics to help you convert, engage, and retain more users. Trusted by over 4,000 startups.
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Get started
Learn more
Video play icon
Dashboard mockupiPhone mockup
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Dashboard mockup
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Learn more
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Mockup
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Mockup
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Mockup
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Mockup
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Mockup
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
Share team inboxes
Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.
Learn more
How it works

Beautiful analytics to grow smarter

Get started
Learn more

Share team inboxes

Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.

Deliver instant answers

An all-in-one customer service platform that helps you balance everything your customers need to be happy.

Manage your team with reports

Measure what matters with Untitled’s easy-to-use reports. You can filter, export, and drilldown on the data in a couple clicks.

Connect with customers

Solve a problem or close a sale in real-time with chat. If no one is available, customers are seamlessly routed to email without confusion.

Connect the tools you already use

Explore 100+ integrations that make your day-to-day workflow more efficient and familiar. Plus, our extensive developer tools.

Share team inboxes

Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.

Deliver instant answers

An all-in-one customer service platform that helps you balance everything your customers need to be happy.

Manage your team with reports

Measure what matters with Untitled’s easy-to-use reports. You can filter, export, and drilldown on the data in a couple clicks.
iPhone mockupiPhone mockup
Dashboard mockup
iPhone mockupiPhone mockup

Contact sections

Base class: uxd-section-contact

Contact us

Get in touch

We’d love to hear from you. Please fill out this form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Contact us

Get in touch

We’d love to hear from you. Please fill out this form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Contact us

Our friendly team would love to hear from you.
hello@untitledui.com
+1 (555) 000-0000
100 Smith Street
Collingwood VIC 3066 AU
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

CTA Sections

Base class: uxd-section-cta.

Join 4,000+ startups growing with Untitled

Start your 30-day free trial today.
Learn more
Get started
Dashboard mockupiPhone mockup

Join our newsletter

Sign up for the very best tutorials and the latest news.
We care about your data in our privacy policy.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

FAQs Sections

Base class: uxd-section-faq

Support

Frequently asked questions

Everything you need to know about the product and billing.
Is there a free trial available?
Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.
Can I change my plan later?
Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.
What is your cancellation policy?
We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.
Can other info be added to an invoice?
At the moment, the only way to add additional information to invoices is to add the information to the workspace's name.
How does billing work?
Plans are per workspace, not per account. You can upgrade one workspace, and still have any number of free workspaces.
Support

FAQs

Everything you need to know about the product and billing. Can’t find the answer you’re looking for? Please chat to our team.
Get in touch
Is there a free trial available?
Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.
Can I change my plan later?
Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.
What is your cancellation policy?
We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.
Can other info be added to an invoice?
At the moment, the only way to add additional information to invoices is to add the information to the workspace's name.
How does billing work?
Plans are per workspace, not per account. You can upgrade one workspace, and still have any number of free workspaces.
Support

Frequently asked questions

Everything you need to know about the product and billing.
Is there a free trial available?
Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.
Can I change my plan later?
Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.
What is your cancellation policy?
We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.
Can other info be added to an invoice?
Yes, you can try us for free for 30 days. If you want, we’ll provide you with a free, personalized 30-minute onboarding call to get you up and running as soon as possible.
How does billing work?
Plans are per workspace, not per account. You can upgrade one workspace, and still have any number of free workspaces.
How do I change my account email?
You can change the email address associated with your account.
Is there a free trial available?
Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.
Can I change my plan later?
Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.
What is your cancellation policy?
We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.
Can other info be added to an invoice?
At the moment, the only way to add additional information to invoices is to add the information to the workspace's name.

Banners Sections

Base class: uxd-section-banner

Stay up to date with the latest news and updates
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Oops! Something went wrong while submitting the form.
We’ve just announced our Series A!
Read about it from our CEO.
Read update

Blog Sections

Base class: uxd-section-blog

Our blog

Latest blog posts

Tool and strategies modern teams need to help their companies grow.
Office setting
Design
Tag
UX review presentations
How do you create compelling presentations that wow your colleagues and impress your managers?
Drew Cano
11 Jan 2022
•
5 min read
Man working at desk
Product
Migrating to Linear 101
Linear helps streamline software projects, sprints, tasks, and bug tracking. Here’s how to get started.
Phoenix Baker
11 Jan 2022
•
5 min read
Man pinning images on wall
Software Engineering
Building your API Stack
The rise of RESTful APIs has been met by a rise in tools for creating, testing, and managing them.
Olivia Rhye
11 Jan 2022
•
5 min read
View all posts

Tables Sections

Base class: uxd-section-table

Title
Column
Column
Column
Column
Text
Text
This is some text inside of a div block.
This is some text inside of a div block.
Text
Text
This is some text inside of a div block.
This is some text inside of a div block.
Text
Text
This is some text inside of a div block.
This is some text inside of a div block.
Text
Text
This is some text inside of a div block.
This is some text inside of a div block.
Title
Column
Column
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.