Create with ❤︎ by contributors
- 🛠 Made for React & Vue3 & Svelte: Ready-to-use component library for React, Vue 3(in progress) and Svelte JavaScript Framework(in progress).
- 📝 TypeScript Friendly: Come with TypeScript typings out of the box and support with predictable static typings.
- 📦 High Productivity: Easy and fast, import in 5 seconds.
- 🎨 Vibrant Design: Beautifully designed components and powerful theming system supports custom themes to match your brand, including light and dark mode.
- 🌍 Internationalization: Each component was designed with i18n in mind and multiple languages are supported.
- 📱 Fully Responsive: Perfectly adaptable with all the devices, desktops to mobiles.
You can quickly use ILLA Design on codesandbox.
Step 1: Install
$ yarn add @illa-design/react
# or
$ npm i @illa-design/react
Step 2: Use
import { Tag } from '@illa-design/react';
const App = () => (
<div>
<Tag>Hello ILLA</Tag>
</div>
);
Step 1: Choose one workspace.
Use Gitpod, a free online dev environment for GitHub.
Or clone locally:
$ git clone https://github.com/illa-family/illa-design.git
$ cd illa-design
$ yarn
$ npx lerna bootstrap
Step 2: Run.
$ yarn prebuild
$ yarn storybook
Then your can open storybook in your browser.
Join ILLA Design community to share your ideas, suggestions or questions and connect with other users and contributors.
Discussion
中文
English
Thinking about contributing? All kinds of contributions to ILLA are greatly appreciated and welcomed! Check out Contributing Guide for details about how you can get involved.
Looking for a passionate and creative team? We are actively hiring engineers for the following positions:
- Frontend engineer(Beijing/Shenzhen)
This project is Apache License 2.0.