DoubleWoodLin / illa-design

A fully responsive UI Library for React, Vue 3 and Svelte.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ILLA Design Logo

ILLA Design

Create with ❀︎ by contributors

cover

codecov discord feishu chromatic storybook license contributing

✨ Features

  1. πŸ›  Made for React & Vue3 & Svelte: Ready-to-use component library for React, Vue 3(in progress) and Svelte JavaScript Framework(in progress).
  2. πŸ“ TypeScript Friendly: Come with TypeScript typings out of the box and support with predictable static typings.
  3. πŸ“¦ High Productivity: Easy and fast, import in 5 seconds.
  4. 🎨 Vibrant Design: Beautifully designed components and powerful theming system supports custom themes to match your brand, including light and dark mode.
  5. 🌍 Internationalization: Each component was designed with i18n in mind and multiple languages are supported.
  6. πŸ“± Fully Responsive: Perfectly adaptable with all the devices, desktops to mobiles.

πŸ–₯ Fast Try

You can quickly use ILLA Design on codesandbox.

Edit compassionate-tdd-rxcco

πŸš€ 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.

Open in Gitpod

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

δΈ­ζ–‡

feishu

English

discord

🌱 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.

About

A fully responsive UI Library for React, Vue 3 and Svelte.

License:Apache License 2.0


Languages

Language:TypeScript 98.8%Language:JavaScript 1.1%Language:Shell 0.1%