Skip to content

illacloud/illa-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ILLA Design Logo

ILLA Design

Accelerate your internal tools development.

Create with ❤︎ by contributors

cover

Chat on Discord storybook codecov license contributing

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

storybook

🖥 Fast Try

You can quickly use ILLA Design on codesandbox.

Edit illa-design-demo

🚀 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

Discuss on GitHub

Hangout together!

Chat on 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
  • Golang Engineer

Contact Us: [email protected]

License

This project is Apache License 2.0.