Mix
Mix is a free, open-source design system built with Flutter. Mix is a styling system for Flutter that separates style definitions from widget structure. It has 804 GitHub stars and is released under the BSD-3-Clause license. A live demo is linked from this page.
github.com/btwld/mix (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit btwld/mix my-ui
cd my-ui
flutter pub get
flutter rungit clone --depth 1 https://github.com/btwld/mix.git my-uiSources: GitHub docs on template repositories, degit.
About Mix
Mix is a styling system for Flutter that separates style definitions from widget structure. It provides a composable, type-safe way to define and apply styles using a fluent API, design tokens, and context-aware variants.
Built with
- Flutter
Similar templates
More design systems
Next.js Starter
once-ui-system/nextjs-starter
A simple Once UI setup for a new project.
Maintained · last commit Oct 21, 2026
Design systemsTypeScriptOrbit
zumerlab/orbit
Orbit is a framework designed for building any kind of radial UI.
Active · last commit Oct 27, 2026
Design systemsJavaScriptHue
dominikmartn/hue
open-source skill that learns any brand and turns it into a complete design system.
Maintained · last commit Jun 11, 2026
Design systemsJavaScriptDesign System
priceline/design-system
If you'd like to contribute to the Design System, we'd love to have your help.
Maintained · last commit May 6, 2026
Design systemsTypeScriptPatternfly React
patternfly/patternfly-react
A set of React components for the PatternFly project.
Active · last commit Oct 21, 2026
Design systemsTypeScriptWelcome UI
WTTJ/welcome-ui
Customizable design system from Welcome to the jungle (@wttj) with react, typescript, tailwindcss, ariakit and a lot of love Here you'll find all the core components you need to create a delightful…
Active · last commit Oct 27, 2026
Design systemsTypeScript
How do I use Mix?
Copy the files into a new folder with npx degit btwld/mix my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Mix for commercial projects?
Yes. Mix is released under the BSD-3-Clause license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Mix maintained?
The repository's most recent commit was on Oct 21, 2026. Its latest release is mix-v2.0.1. appsgit only lists templates from repositories with a commit in the last six months.