A good UI kit can make your life as a designer so much easier. They streamline your design process, save you time, and help ensure your designs look amazing and perform incredibly. With Webflow, you can use UI kits to quickly design and build full websites — eliminating the need for design tools like Figma or Sketch.
We’ve selected 10 beautiful UI kits designed by the Webflow community to help you take your projects to the next level. Each UI kit template on this list is CMS-ready. This means you can design, add your content, and launch your site in (almost) no time!
Whether you’re designing for a big tech company, a small startup, or a mobile app, Quicksmart is the perfect UI kit template. It offers a huge selection of software-as-a-service (SaaS) and app-focused landing pages, as well as a robust library of ready-to-use interface kits and components.
The vast array of flexible UI elements included in this kit are all designed to fit seamlessly together, no matter where you decide to place them on your site. Quicksmart makes it really simple to tweak the colors of your site. Thanks to its handy use of global color swatches, you can easily experiment with different looks, or apply your brand’s unique colors.
The Forest component library is a fast and convenient way to build and launch websites in Webflow. This UI kit is perfect for beginners and professional designers alike. The component-based approach makes it simple to use all of the kit’s pre-built UI elements. Forest is an excellent UI kit to bring your wireframes to life, and quickly create mockups. This means that you can share designs and prototypes with clients and teams in a matter of hours rather than days.
If you’re looking for a wide range of cloneable components and fast, the Forest component library is for you. It contains over 300 beautifully designed components that work well together in any environment, and can integrate seamlessly with your existing website. Don’t believe us? Preview it in the Designer.
Elegant and simple, the Timber UI kit is a flexible, component-based template — perfect for your next design project. With a focus on growth and lead generation, Timber is the perfect UI kit for startups or fast-growing companies. With a variety of effective CTAs and well designed micro-interactions, each element in Timber works hard to ensure that the visitor remains engaged with your site.
As we all know by now, landing page design can have a huge effect on conversion rates. Timber contains a number of strong inner pages that can be customized and used as compelling landing pages for your online brand. Timber also allows you to integrate your own brand color palette easily.
Ollie provides you with everything you need to design a stylish website. This UI kit consists of an assortment of building blocks that you can control and apply as you wish — allowing you to build a polished website fast. You can also create your own, unique pages from modular UI templates.
Ollie packs in a huge range of UI elements — multiple navigation and footer options, a full suite of inner pages, landing pages, different blog layouts, checkboxes, icons, and more. One of the strongest features of this UI kit is the variety of pricing package elements that it offers — ideal for any company selling a service online.
With 5 pre-made demo designs, Fortis is the ultimate UI design kit for startups, SaaS companies, or mobile apps. Packed with multiple elements and symbols, Fortis offers a great start for your next project.
Fortis is an extremely comprehensive UI kit. It offers a massive range of editable UI components and elements — all aimed at making your life easier when designing websites. All elements can be dropped within your preferred grid system. With 5 different homepages and the option to select between different navigation types, you’re able to mix and match what works best for your web design.
A UI kit like Fortis also speeds up the entire design process. You can use Webflow to prototype, rather than using Figma or Sketch, and get designs out to clients insanely fast. Fortis contains lots of elements that have become standard for SaaS websites. This includes clear, informative pricing plan pages and interactive growth metrics.
Designio is a fresh and highly adaptable ecommerce UI kit with some incredible features. It contains over 250 components, 4 home pages, 27 inner pages, 3 shop pages, and a slick mega-menu.
Each shop design offers different categorization options, which is fantastic because you can choose the user interface that will best suit your products and your users. If you use the Designio UI kit, there’s no chance of you having a boring UX or UI — all elements are designed to work perfectly with one another.
Floria is a simple yet elegant UI kit, suitable for any business or agency website design. With Floria, you can create a stylish website, showcase your favorite projects, and quickly add new blog posts. Filled with useful components, this kit ensures that you can design a unique website, tailored perfectly for your needs.
Floria can also provide a perfect starting point for a new blog. With 6 terrific homepage options, as well as a variety of different blog grid layouts, you’ll be spoilt for choice when deciding which elements and components you want to use on your new site.
The blog pages’ micro-interactions and categorization elements help ensure fantastic UI design, meaning that your site will hold the attention of your visitors and urge them to take action. This UI kit also includes sleek social media integrations, so it’s easy for your readers to share and discuss your blog content online.
IndieGo is a beautifully designed, and of course, fully responsive web UI kit template. It’s perfect for startups or SMB’s (small and medium-sized businesses) focused on growth and lead generation. The seamless hover animations and clear, yet unobtrusive, calls to action are perfect for your digital-native audience.
You can easily create a stunning Webflow website from IndieGo’s range of landing pages, or mix and match elements from its comprehensive list of UI components to create your own custom website design. Whatever you choose, IndieGo is the perfect starting point for your next online project.
One of our favorite aspects of IndieGo is the fact that it comes with a style guide. This helps you lay the groundwork for your brand messaging online — ensuring a cohesive and seamless user experience all across your new site, without manually coding CSS!
Zense UI kit is a powerful Webflow UI kit, made specifically for design agencies and freelancers to whom time is of the essence. This template allows you to focus more on designing your content strategy while building less, bringing your web design skills to the next level.
With Zense’s beautifully pre-built elements, designing a site with this web UI kit is literally as easy as dragging and dropping. You can create a great-looking and hard-working site just by adding your own imagery and brand palette to this template. By customizing further, you can integrate your own design system and create something truly unique.
Our favorite elements from this kit include the unique navigation and mouse hover effects that allow you to feature your most impressive projects.
Fortun is a really playful and versatile ecommerce UI kit that emphasizes creativity, efficiency and diversity. The sheer number of different elements and components it contains is pretty amazing — 200 components, 4 agency pages, 2 store pages, and 27 inner pages. It also has a fantastic standard color scheme.
This UI kit will allow you to create a unique, creative, and enjoyable UI for each and every one of your website visitors. It also features some of the best animations of any kit on this list — including awesome parallax scroll effects as well as tiny effects such as the scroll prompt hover state, a sticky contact sidebar, as well as countless other gems.
The 2 different store pages give you lots of flexibility, and allow you to use the most effective elements for your products. Store 1 uses a more content-based approach, while Store 2 takes more of a featured product approach.
The web design possibilities are endless
If you want to check out more of our amazing UI kits and website templates, check out our template marketplace. There you can find some free UI kits and templates as well as our premium templates.
Also, checkout our post about free cloneable wireframe kits from the Webflow showcase. Get prototyping and let us know what you think in the comments below!
Early Registration Happy Hour provided by Accel
What your conference ticket does include is an early registration happy hour on Tuesday, November 12 from 5 to 7 p.m.! Come pick up your badge and enjoy the open bar and light bites. Thank you to Accel for sponsoring this happy hour!
We’ve tried to make No Code Conf as accessible and comfortable as possible for all attendees. We’ll have a desk ready to answer questions and help out on-site, so please ask them about:
- Aid for sensory impairments
- ASL interpretation and closed captioning (and reserved seating for viewing)
- Nursing room
- Gender-neutral restrooms
- Non-alcoholic options at all social activities
- Sober meetup space
- Vegetarian, vegan, dairy-free, and gluten-free catering options with clearly labeled ingredients
- Pronoun stickers for your badge
- Bike storage inside the venue
- Our scholarship program — thank you to FlowPros and MemberStack for sponsoring 10 tickets each!
- Break Buddies for solo attendees looking for someone to chat with on breaks
We’re also covering child care costs through UrbanSitter. If you’d like to arrange this, please email firstname.lastname@example.org by November 7.
No code–inspired art installations
We are especially excited to see no code brought to life in our art installations by Nine & Eye. We can’t give away too much, but we can suggest you come ready to snap some photos and share your #nocodeconf experience.
Announced last week, this high-energy mini-stage will feature a series of 10–15 minute talks that won’t be recorded. Don’t miss hearing from:
- Edgar Allen
- Larkin Street Youth Services
- Lil’ ole us
Plus, special yet-to-be-announced screenings that pair perfectly with buttery popcorn.
Ask Webflow booth and Community Corner
Have questions about Webflow? Stop by the Ask Webflow booth and Community Corner during any of the breaks and talk to Webflow experts.
Around the venue, you’ll find lounges with seats and tables for taking a break, mingling, or recharging — literally and figuratively!
- Hangout lounge provided by Makerpad. Stop by and learn how to build anything, without code.
- Larkin Street Youth Services lounge. We’re donating $65k to support Larkin Street Youth Service’s mission of ending youth homelessness. And we’ll match all attendee donations on-site, up to $10k. Chat with a representative in their lounge to learn more.
- Charging stations to power back up.
- Introvert Sanctuary for those who need a break from … humans … or just need to de-stress.
No Code Cafe
No conference experience is complete without the caffeination station. Stop by our cafe for your morning (afternoon, evening) cup (or three).
If you’re curious about the event, get your ticket before we sell out.
Thanks again to our sponsors