Deliver Fast Without Sacrificing Quality.
App screens, marketing pages and one set of tokens that agree with each other, so every project starts consistent and stays that way.
Product templates
Dashboards, sign-in flows and tables as full app screens, ready for your data.
Good morning, Mara
Here is how the workspace is doing. Figures update every hour.
Marketing pages
Landing, pricing and about pages built from sections, with semantic markup throughout.
Koala UIHomeAboutFeaturesBlogPricingCompanyDesign for phone, tablet, and beyond
A single component library that scales across form factors, so your product stays consistent from a pocket-sized phone to a widescreen tablet.
Yours to customise
Pick a theme, an accent, a radius and a density: every component follows.
Theme
Accent · --brand
Radius · --radius
Density
Documented in detail
A page per component: every variant, a live preview and the install command.
Installation
Specs you can measure
Every gap, radius and size is annotated, so handoff is never a guess.
Figma variables
One set of variables in Figma and in CSS, with a value for every theme.
Four themes
Light, cream, dark and moonlight, switched with one class and nothing to rebuild.
<html class="light">