Changelog

Aesthetic/accessibility improvements + more!

We've released an update to Untitled UI.

This update is a little different from previous releases... but it's one we've wanted to do for a while. While there are a few new components as always, the majority of changes are subtle aesthetic and accessibility improvements.

What’s new in version 2.9

We won't cover every tiny detail, but here are the main updates:

• Refactored and simplified all badge components (removed base component) + added new styles 🔥
• New content components for blog posts, content sections, and rich text 🔥. This is a simple but scalable system of rich text components (headings, paragraphs, quotes, and images) so you can consistently adjust content styling and padding everywhere at once, kind of like CSS. This is something we haven't seen something like this done before in Figma.
• Text default has been changed from gray-500 to gray-600. While gray-500 text on a white background is WACG 2.0 accessible with a contrast ratio of 4.95 (AA), gray-600 is significantly higher-contrast at 7.65 (AAA).
• Improved styling of all dropdown components, notably menu item hover states which now have independent padding.
• Headings across all components and layouts are now semibold by default. This includes obvious section headers and card headers but also spans across most smaller components (e.g. avatar label groups, charts, checkbox groups).
• Similarly, buttons are now semibold by default.
• All cards have a slightly larger 12px corner radius by default.
• + Many more small improvements...

Untitled UI Webflow component library

We're excited to share something we've been working on for the last few months. We've launched an official Untitled UI Webflow component library!

Copy 275+ fully-responsive website components and paste them straight into your Webflow projects. We're adding new components regularly and the entire library is built using Finsweet Client-first best practices.

We teamed up with the Relume team for this launch. They've just released Relume Library 2.0, which allows the Webflow community to create and share their own Webflow component libraries. This is on top of the world's largest Webflow component library!

Support on Product Hunt

We put a lot of love and work into this. It would mean a lot if you could please take a second to support the launch on Product Hunt.

FAQs

How do I access the Webflow Library?

You can check out the Untitled UI Webflow Library on our Relume Library profile.

Try it out for free and copy fully-responsive website components straight into your next Webflow project.

Does the Webflow Library include every Untitled UI component?

Not yet! We've launched with the most useful 275+ marketing site components which was a huge amount of work. We'll be adding new components to the library regularly.

What is Relume Library?

Relume Library is the world's largest Webflow component library. Copy 800+ unstyled components with one click and paste them into your Webflow project.

They've just released Relume Library 2.0, which allows the Webflow community to create, save, and share their own Webflow component libraries.

What is Finsweet Client-first?

Finsweet Client-first is a set of guidelines and strategies to help you build Webflow websites in a clear, organized, and scalable way that any human can understand.

Clients, marketers, Webflow developers, and anyone who opens your Webflow project should be able to read a class name and understand what that class is responsible for doing. Our components are built using Client-first, so you know you're using best practices for your Webflow builds.

If you haven't used Client-first before, it's a game changer and easy to learn! Once you start using it, you won't turn back. Check out Client-first documentation here.

View more FAQs here.

New solid icon style

Just a quick update — we've added a new solid icon style to Untitled UI Icons!

What’s new in version 1.5

You'll now find 1,100+ brand new solid icons included in Untitled UI Icons. These solid/fill style icons were requested by a few people on Twitter. They're handy in UI design when you need a high-contrast icon style to stand out even more.

We also changed all fill and stroke colors to currentColor for faster implementation. This means you can use the exported SVGs or copy them from IconJar directly in projects and they'll automatically adapt to the color you're already using in your CSS. Learn more about this here.

You can download v1.5 by clicking the link in your original receipt email or via your Gumroad library if you made an account.

Untitled UI Icons + updates to v2.8

We're excited to share something we've been working on for the last few months! Untitled UI Icons are a clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma.

We've also released a FREE version of the icon library at untitledui.com/icons. You can use the icons in unlimited projects!

What’s new in version 2.8

We've completely replaced the default ~280 Feather icons in Untitled UI with our new library. You'll now find 1,100+ high-quality, neutral, and consistent icons to choose from.

A few other changes:

• Added a helpful section on icon best practices
• New featured icon components
• New input size — you can now switch between small and medium
• Tidied up several components changed with Figma's new component property features

About Untitled UI Icons — 4,600+ essential Figma UI icons + 4x styles

We searched everywhere for the "ultimate" icon set for modern UI design to use across all our projects... We couldn't find an icon library for Figma we loved so we made one.

• Made for Figma, in Figma. 100% compatible with Figma's latest 2022 component properties and override features. Say goodbye to Illustrator.
• Crafted specifically for modern UI design. Clean, consistent, and professionally crafted. Purposefully not overly stylized and neutral enough for any project.
• 4x flexible styles. Choose between minimal line, modern duocolor or duotone, or solid icon styles. Switch styles and maintain icon overrides in Figma like magic.
• 4,600+ and counting. Packed full with everything you need to design modern and beautiful UI and websites. No more custom icons.
• Neatly organized + IconJar. The entire library is neatly organized alphabetically across 19 categories. We've also included an IconJar library with super-smart tags for quick search.
• Smooth corners by default. Untitled UI Icons use beautiful and naturally continuously 60% variable curves on all corners. We stress these tiny details because once you see it, you can't unsee it.
• 2px stroke weight default. 2px stroke weight by default for visually-balanced icons across sizes. Plus, master icons with live corners are included, so you can tweak corners for your own custom libraries.
• Optimized SVG output. No unnecessary layers or shapes. SVG outputs are optimized for minimal file size, no unnecessary attributes, and infinite scalability.
• Use in unlimited projects. In fact, we designed it this way — to be as neutral, flexible, and scalable as possible to use as a single "ultimate" library for any project.
• Lifetime updates. No subscriptions or "upgrades". Pay once and get lifetime updates forever. We're always making improvements to Untitled UI products.

Config 2022 component properties + more!

Figma announced some great updates at Config 2022 last week, particularly around auto layout and component properties. We've been working non-stop since to make Untitled UI even better than ever.

To make the most of Figma's new features, we've completely refactored the entire library. Almost every single component has been simplified and improved upon, making it the biggest update to Untitled so far. Was this a lot of work? Yes. But we're really excited about the changes Figma are making and we're already working on v2.8.

We were halfway through this update when these new features were released, so you'll also find a bunch of useful new components and expanded existing pages. We've also got another announcement further down...

What’s new in version 2.7

As we mentioned, almost every single component has been changed so we won't cover everything but here are a few points. Firstly, the entire library has been simplified and improved with the new boolean component property features, drastically reducing the number of variants without losing any of the functionality. A few highlights:

• Buttons down from 1,320 (with 25 base components) to 760
• Inputs down from 336, including new input styles to 56
• Application page headers down from 144 to 12
• Application card headers down from 96 to 16

Also:

• New command menu (⌘+K) components 🔥 —these were highly requested
• New section footer components + added to all example pages
• New tags components
• New inputs with trailing button and multi-select tags
• New simplified dropdown components + added hint text and multi-select tags
• New log in and sign up pages
• New verified tick component + added to avatar components
• Expanded library with 40+ new useful hand-drawn scribbles
• Completely refactored and simplified all button components + removed base component 🔥
• Completely refactored and simplified all input components + removed base component 🔥
• Added instance swaps across core components (buttons, inputs etc.)
• Replaced dividers throughout the entire file with new independent borders (where it makes sense)
• Drastically improved table components and layouts (no more dividers!) 🔥
• Avatar groups, page sections, page headers, and example pages simplified with new negative margin feature
• Drastically simplified core shared components (button groups, inputs etc.) taking advantage of component properties and independent borders.
• Improved "X" close button and updated every component it's used in (e.g. banners and notifications) with the new absolute positioning feature
• Added new "X" close button to modals and slideout menus
• Pagination improved and simplified with independent borders
• Refactored card and section headers with component properties
• Improved and simplified date picker components
• + Much more...

Introducing Untitled UI PRO LITE

We have some great news for you all! We’ve released a new update to Untitled UI which includes a brand new lightweight version called Untitled UI PRO LITE.

Everyone who has purchased Untitled UI PRO now has free access to PRO LITE with free updates for life.

So, what is Untitled UI PRO LITE?

Untitled UI PRO LITE is a premium and lightweight version of the full Untitled UI PRO kit.

It's 50% lighter, faster, and is designed to include everything you need and nothing you don't. It's perfect for moving fast and for smaller projects! You can preview PRO LITE at untitledui.com.

Even better, if you move the example pages to a separate file, PRO LITE is 70% lighter than the full kit!

We hope that it will come in handy next time you have a smaller project or a tight timeframe. Plus, we want to say thanks to everyone who has bought Untitled UI so far by including it for free with this update.

Why did we create Untitled UI PRO LITE?

We're always looking for ways to improve Untitled UI. We spent weeks creating a lightweight little brother to the full PRO version so you now have two options: start with the complete PRO version or ship faster with the PRO LITE version.

Even though it's ~50% smaller than the full PRO version, the new PRO LITE kit is an incredibly robust and powerful UI kit in its own right. It's still more advanced and better value than anything else we've seen.

What’s new in version 2.6

• Brand new Untitled UI PRO LITE
• 50% lighter + faster (70%+ lighter if you move example pages moved to a separate file)
• Untitled UI PRO is also 7% lighter (40%+ lighter if you move example pages moved to a separate file)
• Huge new library of 100+ company logos, all painstakingly optically sized proportionally to each other so they line up nicely in your website designs
• Improvements to almost every page in Untitled UI PRO as we worked on PRO LITE
• Optimized/improved table components
• Fixed tab underline sizing issue
• Replaced all examples in documentation with compressed jpegs instead of layers
• Removed hidden columns from tables in example pages
• Added a helpful guide on how to resize logos proportionally to each other

Interactive components + more!

We’re excited to announce that we’ve released a new update to Untitled UI! 🤗 

The main improvement is by far the most requested: interactive components. We’ve added hover and click interactions, helping you to quickly create prototypes that feel like the real experience.

If you haven’t used Figma’s prototyping feature before, check out this tutorial.

What’s new in version 2.5

• Added interactive components 🔥
• Improved original color palette
• Huge expanded secondary color palette with 16 new grays and colors
• Softer/improved shadows
• Improved hover states in dropdowns and inputs — they’re now gray for a more neutral design and better contrast/legibility
• Expanded library of 42 new hand-drawn arrows
• Improved application navigation components
• Improved slider controls with more contrast
• Simplified and improved tabs
• Added borders to all dropdowns and lists to improve contrast and legibility
• Improved calendar component
• Expanded typography best practices section
• New "X" close button and updates to every component it's used in (e.g. banners and notifications)