ILLA Design
Create with β€οΈ by contributors
β¨ Features
- π 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.
π₯ Fast Try
You can quickly use ILLA Design on codesandbox.
π Get Started
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>
);
β¨οΈ Development
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.
π¬ Community
Join ILLA Design community to share your ideas, suggestions or questions and connect with other users and contributors.
Discussion
δΈζ
English
π± Contributing
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.
π₯ We're Hiring
Looking for a passionate and creative team? We are actively hiring engineers for the following positions:
- Frontend engineer(Beijing/Shenzhen)
License
This project is Apache License 2.0.