illacloud / illa-design

A fully responsive UI Library for React.

ILLA Design

Accelerate your internal tools development.

Create with ❤︎ by contributors

✨ Features

1. 🛠 Made for React: Ready-to-use component library for React.
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.

💡 Components

You can review all components in Storybook.

🖥 Fast Try

You can quickly use ILLA Design on codesandbox.

🚀 Get Started

Step 1: Install

$ pnpm add @illa-design/react @emotion/react framer-motion

# or

$ npm i @illa-design/react @emotion/react framer-motion

Step 2: Use

import { Tag } from '@illa-design/react';

const App = () => (
  <div>
    <Tag>Hello ILLA</Tag>
  </div>
);

⌨️ Development

Step 1: Clone locally.

$ git clone https://github.com/illacloud/illa-design.git
$ cd illa-design
$ pnpm install

Step 2: Run.

$ pnpm storybook

Then your can open storybook in your browser.

💬 Community

Join ILLA Community to share your ideas, suggestions or questions and connect with other users and contributors.

Discussion

Hangout together!

🌱 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
• Golang Engineer

Contact Us: [e-mail]

License

This project is Apache License 2.0.