Changelog

After the Figma Config 2025 update, we’ve spent weeks bringing Koala UI to the next level. Here's everything new and improved in this release:

• 🎉 All components updated according to the latest Figma Config 2025 changes.
• 🖼️ All images now include aspect ratio settings for consistent scaling.
• 🏷️ Added brand logos so you no longer need to search for them in other documents.
• 🌗 Improved contrast in dark mode and several light mode elements using Figma Variables. Secondary text is lighter, and hover backgrounds are darker to clearly differentiate from active states, especially in sidebar navigation.
• 🆕 Added 20 new icons.
• 🚨 New alert & notification variants added.
• 🔖 Improved badge component.
• 🎨 Simplified and improved the background/overlay component for better consistency in light and dark modes.
• 🔴 Buttons improved and now include a “destructive” red variant.
• 🧩 Improved button groups for better alignment and usability.
• ➗ New divider variants with smoother, curved edges to align with the playful updates from Figma.
• 💬 Improved dialogs and introduced new variants.
• 📁 Updated file upload component.
• ✏️ Inputs enhanced with new variants including inline inputs and amount inputs.
• 🧭 New product variants added to the navbar.
• 📌 Introduced the Popover component.
• 🗂️ Tabs component improved for better usability.
• 🧠 Tooltip component refined for clarity and better performance.
• 📣 Improved multiple marketing sections: CTA, FAQs, Features, Footer, Gallery, How It Works, Pricing, Team, Testimonials, and Voting.
• 🕒 Activity Feed component updated with new variants.
• 🃏 Card component improved and new variants added.
• 📆 New week view variant added to the Calendar component (day and agenda views coming soon).
• 📊 Charts improved for clarity and performance.
• 🧭 Command menu enhanced with new variants.
• 📈 New and improved dashboard widgets, including new states like hover.
• 📅 Date Picker component improved for smoother interactions.
• 🗃️ Drawer component updated with new variants.
• 🧱 New product headers introduced.
• 🧭 Sidebar navigation for application layouts improved for better usability.
• 🧾 Product tables refined for better readability and customization.
• 🧑‍💻 Dashboard templates improved and new variants introduced.
• ✉️ Email/Inbox template updated for better usability.
• ✅ Task template improved with clearer structure.
• 🧑‍💼 Profile template improved with better layout options.
• ⚙️ New templates introduced for Settings, Account Setup, and Dashboards.
• 🧹 General product cleanup: Removed unnecessary components, renamed some layers, and added more real content.

We're introducing Ecommerce in Koala UI. This means you can now design for online stores.

If you're a designer working with clients, you can now include ecommerce in your service offering.

And if you're an entrepreneur looking to launch your own store, you can now create multiple concepts using our templates.

🔠 Typeface as Figma Variables

From now on, the typeface can be changed directly using Figma Variables, allowing for even deeper customization in your projects.

You can make the typography cleaner, more modern, more minimalist, whatever fits your style.

Choose as many variations as you like.

🫒New Color Mode: Dark Green

You can now customize your projects even further with 4 modes and 3 themes that you can mix and match freely.

We highly recommend experimenting by combining color modes with typography and border radius settings for a more refined and tailored design.

✨ New Features

• Max-width container: container-xlarge: You can now build layouts with an even wider container, giving you more flexibility for spacious designs.
• ‍Introducing Flows: From now on, you can view the entire flow—not just individual screens. See how components and elements interact with each other in a complete, connected experience.
• Added 3 new pages to Koala UI website: Marketing, Ecommerce & Product.

🧩 Introduced New Variants to:

• Account Verification
• Account Setup / Onboarding
• Reset Password
• Hero Section
• Navbar Mega-menu
• Footer Section
• Team Section
• Banner Component.
• Navbar Component.
• Bento section.
• CTA Section.
• FAQs Section.
• Features Section.
• Gallery Section.
• How It Works Section.
• Pricing Section.
• Testimonials Section.
• Voting Section.
• [Ecommerce] Cart Component.
• [Ecommerce] Product Details.
• [Ecommerce] Product List Section.
• [Ecommerce] Widgets.
• [Ecommerce] Adding to Cart.
• [Ecommerce] Checkout.
• [Ecommerce] Product Details Page.

🛡️ Form Enhancements

• Introduced input strength password.

🔠 Placeholder content

• Most of the lorem ipsum content has been removed, and nearly the entire Design System now features real, production-ready content.

Welcome to Koala UI v7. After 2 months of hard work following the v6 update, here's everything new we've introduced:

• Improved documentation across the entire document.
• New marketing variants for the Team section.
• Updated avatars: Previously using free-use images from Freepik, now using Unsplash images, which require no license attribution.
• Rating variant added to the Table component.
• 2 new Chat/Messenger product templates.
• 8 new Checkout product templates.
• 10 new Dashboard product templates.
• New Ecommerce Orders product template.
• 3 new Task Management product templates.
• 8 new Profile product templates.
• 3 new Email product templates.
• Updated Calendar product template.
• All images now use the aspect ratio from the latest Figma update.
• Redesigned table structure: Columns remain the foundational element but are now individual components themselves.
• Added 7 new table template variants for task management, order management, user management, etc.
• Introduced Progress Bar and Progress Bar with Tooltip as cell variants for tables.
• Added Payment Method component as a cell variant for tables.
• Added Logo component within a Badge as a cell variant for tables.
• Enhanced table experience: Columns are now individually customizable, allowing easy column type switching, with minimum width requirements specific to each table type.
• New Timeline and Activity Feed components introduced.
• Fixed some testimonials with legacy styles.
• Added over 10 new testimonial variants.
• Introduced new Date Picker variants.
• New Dashboard widgets added.
• Updated and added new Footer variants.
• New Tooltips introduced.
• New Drawer components and variants introduced.
• Updated Product variant headers.
• Improved and updated Charts.
• Introduced Event Details page in the Marketing section.
• Introduced Event Page in the Marketing section.
• Updated Team section with new avatars and additional variants.
• Updated Hero Section component.
• Updated existing FAQ components and added new variants.
• Improved, updated, and added new CTA variants in Marketing.
• Improved, updated, and added new Careers Section variants in Marketing.
• Updated/improved Select Inputs: Date picker can now be opened directly from inputs.
• Updated/improved Radio Buttons and added new variants.
• New Slider component introduced.
• New Progress component introduced.
• Updated and enhanced Pagination component following best practices.
• Improved Input component.
• Updated and improved File Upload component.
• Updated Dropdown component.
• Updated and added new Dialog component variants. Improved Dialog structure.
• Introduced Cookie Banner component.
• Updated and improved Breadcrumb component.
• Improved Badge component.
• Improved Alert & Notifications component.

We have big ambitions, and we want Koala UI to be the best Design System possible for marketing and product.

This year, we are seriously focusing on expanding both departments, and that’s exactly what we’re doing.

This month, we’ve introduced over 50 improvements in the product section.

Other updates

• Changed how tooltips were built and brought back the white and black variants.
• Adjusted the dropdown item to 4px top padding.
• Changed the color from "icon" to "foreground." The color was originally intended only for icons, but as the product expanded, we found the need to apply this property to other elements as well.
• Added new content tables with a topic.
• Added a new "none" addon variant to avatars.
• Added hover tooltips to buttons.
• Changed the disabled state of the brand button.
• Changed the radio button.
• Increased spacing between blocks in the sidebars.
• Added new sidebar variants.
• Added new radio button cards and checkboxes.
• Deleted some FAQ sections to improve design system consistency.
• Added vertical tabs.
• New component: Rating.
• Removed arrows from buttons.
• Created dashboard templates and added three.
• Created activity feed.
• Created new charts and graphs on January 27, 2025.
• Added table groups.
• Fixed an issue with the max width of the feature header.
• Made new changes to pagination to improve behavior in product applications. Removed padding and max widths.
• Created different table types by category: finance tables, marketing tables, user management tables, etc.
• Improved the select input component.
• Improved the menu component of the select input.
• Added payment method options in tables and inputs (text & select input).
• Introducing dashboard templates.
• New pagination variants.

What's coming this 2025

We have great expectations for Koala UI this year, and one of the biggest goals is the expansion to Mobile Design.

The goal is to finish the year with a high-quality version of Koala UI ready for:

1. Marketing
2. Product
3. Mobile

We’ve introduced new improvements and fixes to the product:

• Updated Button Disabled State: Improved the appearance of the disabled state for button-brand.
• Refined Radio Button Design: Updated the visual design of radio buttons for better consistency.
• New Component Variants: Added new card variants for radio buttons and checkboxes.
• Streamlined FAQs: Removed certain FAQ sections to enhance consistency across the Design System.
• Formatting Fixes: Resolved various formatting issues.
• Layer Renaming: Renamed previously unnamed layers for better organization.
• Real Content Added: Replaced placeholder content with real examples where applicable.

Koala UI is a product that I, as the creator, use in my daily work. I usually update Koala UI when I have several improvements to make, but that's not always the case.

As I just mentioned, Koala is a product I personally use for my clients and projects. As I work and create new products, I incorporate new features and improvements. After a few days, I decide to publish these updates with the small changes I've made during that time.

• Added new links for demo videos.
• Reinforced the documentation.
• Added 3 new templates: Declan and Creative Shutter as portfolio & agency templates, and Course Craft as a course creation template.
• Improved toggle usability.
• In dark mode, the brand color now turns white.
• Improved line height in tablet and mobile breakpoints for typography.
• Published a new article: The 8 Best Free Webflow Templates.
• Added a variant hover tooltip: You can now hover normally, or hover with a tooltip.
• Removed some components that were still being used despite being marked as "restore components." Now, no legacy components remain.
• Updated tooltips: there are now only black tooltips with various styles for both light and dark modes.

We’re thrilled to introduce one of the biggest updates we’ve ever made to Koala UI. This release represents a pivotal step forward, packed with substantial improvements across the entire product.

In this update, we’ve focused not only on fixing issues and adding new features but also on refining the product by rethinking and removing components that no longer meet our high standards. Our mission has always been to maintain a design system that stands out for its quality, consistency, and usability. Achieving this often requires us to introduce, enhance, and sometimes eliminate elements to ensure everything performs at its best.

Here’s what’s new in this update:

Main Areas of Focus:

• Color
• Typography
• Bug fixes
• Consistency
• New content for applications
• New marketing content

What we’ve worked on:

• Improved documentation for the entire product, including usage guides and video explanations for some components.
• Added new “Welcome” content for onboarding new users.
• Replaced Koala branding images with SVGs for better control over colors in dark mode.
• Enhanced the color palette for dark and moonlight themes.
• Improved typography: Reduced letter spacing to refine kerning, especially in headings.
• Improved typography for responsive design.
• Enhanced several sections of the website.
• Increased contrast in placeholder texts for dark theme.
• Increased contrast in border strokes for dark theme to improve accessibility.
• Introduced new Phosphor icons.
• Added a new “Effects” section with shadows and focus rings.
• Created the accordion component: Previously part of the FAQs section, now a standalone component.
• Added new variants for alerts and notifications.
• Created new sizes and variants for the avatar component.
• Added new variants for the badge component.
• Introduced example images for components to showcase their use cases.
• Added new background variants for light and dark themes.
• Added new banner variants.
• Added new breadcrumb variants.
• Introduced the "Button Icon" variant in the button component.
• Added new variants for the button group component.
• Improved checkboxes with new tree variants and a hover state.
• Added examples of how to use checkboxes in logins and dropdowns.
• Added new dialog variants and usage examples in dark theme.
• Completely rethought the dropdown select input and combobox component.
• Added new dropdown variants.
• Created a new file upload component.
• Introduced new input variants and improved input consistency across sizes, dropdowns, and select inputs.
• Added new navbar variants.
• Improved some mega-menu examples.
• Added new radio button variants.
• Created the select input component.
• Added new variants for tabs.
• Created the tags component, now separated from badges.
• Added new variants for switches and toggles.
• Added new variants for the careers section.
• Added new variants for the contact section.
• Added new variants for the FAQ section.
• Added new variants for the testimonials section.
• Created a new product calendar component.
• Added new dashboard widgets.
• Improved navigation within the application.
• Enhanced the tables component in the application.
• Improved the email page.
• Introduced three new settings pages.
• Enhanced all marketing pages.