mirrorful v6.1.15
Mirrorful is a simple, open-source design system framework. Install Mirrorful to generate colors and other design tokens for your project. Then, import these tokens directly into your app.
- Start new projects with a source of truth
- Visually modify your theme
- Generate colors
- Theme Templates
Figma integration
š Lightweight Headless Component Library
- š Eslint rules
- š Propagate tokens across projects
And more...
š Get started
Mirrorful is a NPM package intended to be installed as dev dependency.
npm install mirrorful --save-dev
or
yarn add mirrorful --dev
āØ Usage
The following command will start a local editor at localhost:5050
.
npx mirrorful editor
or
yarn run mirrorful
š Documentation
Check out our documentation for more information.
š¤ Component Library Agnostic
We strive to be component library agnostic. Whether you're using Material UI, Chakra UI, Tailwind, Ant Design, or even your in-house library, Mirrorful hooks right in.
ā ļø create-react-app
may warn that you are trying to import from outside the src
directory. We are working on a long-term solution, but for now, we would recommend making a copy of the .mirrorful
folder in your src
directory. If you're working with Vite, you can add a config that copies the .mirrorful dir to src
. Check out the example vite.config.ts
here.
Check out our examples:
- Mirrorful š¤ Tailwind CSS (and Next)
- Mirrorful š¤ Chakra UI
- Mirrorful š¤ Basic Create React App
- Mirrorful š¤ Basic Nuxt 3 App
- Mirrorful š¤ SvelteKit
- Mirrorful š¤ Bootstrap (and Next)
- Mirrorful š¤ styled-components
Looking for a specific example? Request one here!
š Documentation
Check out our documentation for more information.
ā¤ļø Community & Support
- Slack - for live discussion with the community and the Mirrorful team.
- GitHub Discussions - for help with building and deeper conversations about features.
- GitHub Issues - for any bugs and errors you encounter using Mirrorful.
- Twitter - stay up to date with the latest product updates.
- Book a free, non-pressure pairing sessions with one of our teammates!
- Showcase - to see the awesome projects our community has built on Mirrorful!
šŖ Contributors
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago