- Reusable Component Logic: Built on Ant Design's logic to ensure consistent interaction patterns.
- Flexible Styling: Fully customizable styles powered by Tailwind CSS, with the ability to quickly override default styles.
- Modern Tech Stack: Built with React, Tailwind CSS, and TypeScript support.
- Documentation-Driven Development: Quickly develop and debug components with example-driven documentation.
Install via npm or pnpm:
# Using npm
npm install metis-ui
# Using pnpm
pnpm add metis-uiImport and use components in your project:
import React from 'react';
import { Button } from 'metis-ui';
const App = () => (
<div>
<Button type="primary">Click Me</Button>
</div>
);
export default App;Visit the official documentation for a complete guide and examples.
Clone the repository and install dependencies:
# Clone the repository
git clone https://github.com/your-repo/metis-ui.git
cd metis-ui
# Install dependencies
pnpm install
# Start the development environment
pnpm startBuild the project:
# Build the component library
pnpm run build
# Build the documentation
pnpm run docs:buildWe welcome contributions! Please read the Contributing Guide to learn how to get involved.
MIT