Cabana is a comprehensive design system and UI kit tailored for Figma and Framer, designed to streamline the design process. It features powerful components and a versatile color system inspired by TailwindUI, with robust typography settings. Additionally, it offers ready-to-use design blocks for creating full-page layouts efficiently across different screen sizes. Cabana enjoys the trust of over 10,000 designers and developers, emphasizing its efficiency in transforming extensive design efforts into more manageable tasks.

Cabana is a comprehensive design system and UI kit tailored for Figma and Framer, designed to streamline the design process. It features powerful components and a versatile color system inspired by TailwindUI, with robust typography settings. Additionally, it offers ready-to-use design blocks for creating full-page layouts efficiently across different screen sizes. Cabana enjoys the trust of over 10,000 designers and developers, emphasizing its efficiency in transforming extensive design efforts into more manageable tasks.

Cabana is a comprehensive design system and UI kit tailored for Figma and Framer, designed to streamline the design process. It features powerful components and a versatile color system inspired by TailwindUI, with robust typography settings. Additionally, it offers ready-to-use design blocks for creating full-page layouts efficiently across different screen sizes. Cabana enjoys the trust of over 10,000 designers and developers, emphasizing its efficiency in transforming extensive design efforts into more manageable tasks.

What is a Framer Kit?

Framer Kits are resources aimed at enriching your website creation process with both fundamental design elements and sophisticated interactive effects

These kits come in two main varieties to cater to different needs:

  • Design Foundation Kits: Think of these as your website’s backbone. They come packed with pre-set sections, typography choices, color schemes, and styles. This means you can quickly set up the visual aspect of your site without having to start from scratch.
    See Design Foundation Kits →

  • Interactive Components Kits: If you want to take your site to the next level with engaging animations, interactive sections, or unique user experiences, these kits are for you. They include a range of components and code snippets that let you add those special touches that can really make your website pop. From hover effects to dynamic user interfaces, these tools allow for creativity and interaction to blend seamlessly on your site.
    See Interactive Components Kits →

Features

Interactive components

Dark mode ready

Fully responsive

Explore more kits

Framer

Framepad

Free

Benjamin

Free

Benjamin

Overrrides

Joshua Guo

Fabian Albert

Framer Toolbox

Harish Malhi

FramerBite

Marc Andrew

Danny Sapio

SegmentUI

Framer

Framepad

Free

Benjamin

Free

Benjamin

Overrrides

Joshua Guo

Fabian Albert

Framer Toolbox

Harish Malhi

FramerBite

Framer

Framepad

Free

Benjamin

Free

Benjamin