StepZen UI is a modern, highly customizable, and accessible UI component library for React and Next.js, built with TailwindCSS and TypeScript. It offers a responsive, reusable, and developer-friendly set of components to accelerate building visually stunning and scalable applications.
- Repository: GitHub - StepZen UI
- NPM Package: StepZen UI on NPM
- 🚀 Powered by TailwindCSS: Utility-first CSS for seamless customization.
- 🛡️ TypeScript Support: Fully typed components for a robust development experience.
- 🎨 Highly Customizable: Adaptable to any design system or branding requirements.
- ♿ Accessibility Focused: Ensures all components meet WCAG and ARIA standards.
- ⚡ Optimized for React & Next.js: Built for modern web development frameworks.
Install StepZen UI into your project using npm or yarn:
npm install stepzen-ui
### Using yarn:
```sh
yarn add stepzen-ui
🔧 Usage
Here's an example of how to use the Button component:
import React from 'react';
import { Button } from 'stepzen-ui';
const App: React.FC = () => {
return (
<div className="p-4">
<Button variant="primary" size="lg">
Click Me
</Button>
</div>
);
};
export default App;
🛠️ Contributing
We welcome contributions to StepZen UI! To get started:
Fork the repository: GitHub - StepZen UI
Clone your fork locally:
git clone https://github.com/your-username/stepzen-ui.git
Create a new branch:
git checkout -b feature/your-feature
Commit your changes:
git commit -m 'Add new feature'
Push your changes:
git push origin feature/your-feature
📝 License
This project is licensed under the MIT License. See the LICENSE file for details.