Koala UI · Figma Design System

A Design System that Cares About SEO and Conversion

Koala UI is a Design System built for users who are looking to create uniquely beautiful websites with highly converting structures and SEO optimization.

If you don't trust us, just see what our clients are saying:

⭐⭐⭐⭐⭐

The UI kit looks fantastic, incredibly extensive!

Especially impressed that it's all built in Webflow so you can get a huge head start in building your next website!

Liam McCabe, Founder of Layers.to

--

⭐⭐⭐⭐⭐

There's simply no comparison.

Dark & cream mode, top-notch components, and an abundance of templates. It's every designer's dream, all in one place.

Carlos Gerónimo, Framer Developer.

--

⭐⭐⭐⭐⭐

One of the most beautiful UI kits out there

Love how there's not just light and dark mode, but also cream! Congrats on your launch 👏

Katherine Shan, UX designer at LivePerson

--

⭐⭐⭐⭐⭐

The BETA version is already a game-changer!

With Koala UI, the possibilities are endless - every component is a building block towards a stunning high-conversion website.

JP Dionisio, Wized Dev

Changelog

At Koala UI, continuous updates are more than just a task; they represent our dedication to excellence and innovation. Every line of code, every design tweak, serves a purpose: to enhance your workflow, make your day-to-day smoother, and empower you to create amazing products with confidence.

A significant portion of the changes you'll see in this changelog are aimed at perfecting the product. Some months we add things, and other months we refine or remove features. Many of these changes are driven by you, our valuable community. Your ideas and feedback are the driving force behind our updates, ensuring each improvement is meaningful and relevant to you.

October Update [V.4]

• Inputs and buttons: Added MacOS Command Shortcuts on inputs and buttons.
• New Theme Available: Introducing Moonlight.
• Changes to Buttons: New sizes: lg, md, sm and 2 buttons added: Link & Link Secondary.
• Avatars: Added new avatars and made them Figma Styles so it's easier to switch between them.
• Avatars variants: New variants added -> Status, logo, country...
• Dropdowns: New variants added -> Opened, disabled...
• Login & Verification pages: New page template added.
• Tables: Added new variants to tables.
• Titles and heading components from all marketing sections now instead of having a fixed width, they have a maximum width, this helps with the responsive and flexbox structure of the design.
• New content dividers.
• New dialogs.
• 50 New icons.
• New logos.
• Charts & Graphs: Added new charts and empty states.
• And +40 more changes.

July Update [V2.5]

• 🤝 UI Kit + Pages & Blocks are MERGED
• Introducing typography variables
• 💡 Added the "Remember Me" Checkbox in Modals
• 👨‍👩‍👧‍👦 3 New Team Section Added
• 🖌️ New portfolio layouts
• ↘️ Introducing swipers
• 🏹 Swiper arrows to testimonials
• 💡 Introducing Popovers in Breadcrumbs
• 💖 New Features Section
• 🖼️ New logos section
• ⁉️ New state for toggles
• 📚 New pagination items
• ❌ Added a closable icon to all banners
• 📅 Introducing 3 New Timeline Section
• 🖼️ 3 New Gallery Section
• 🪄 We have added softened shadows to buttons and inputs
• 👆🏻 Introducing Voting Section
• 🏠 Added 2 new home pages
• ⚠️ Added new Colored Alerts
• 🚦 Added CTA’s to features + Boolean properties

Any questions?

We are committed to ensuring your satisfaction with our product. Should you encounter any issues or have inquiries, our proficient support team is readily available to facilitate a seamless experience.

We recommend that you thoroughly read our documentation before contacting our team. You can also read the FAQs in case we have already addressed your questions for others.