Designify UI Component Library

Designify is a modern UI Component Library built with TypeScript, React, Storybook, Rollup, and other cutting-edge technologies. It provides a set of reusable and customizable components to streamline the development of user interfaces, ensuring consistency and a polished look across your applications.

Features

• React Components: Build your UI using a variety of pre-designed React components.
• TypeScript Support: Enhance code quality and developer experience with TypeScript.
• Storybook Integration: Visualize and interact with your components in isolation using Storybook.
• Rollup for Bundling: Optimize and bundle your library efficiently with Rollup.

Getting Started

Installation

To install Designify in your project, run:

npm install @shuheen/designify

Usage

import { Button, Input } from 'designify';

function App() {
  return (
    <div>
      <Button onClick={() => console.log('Button clicked')}>Click me</Button>
      <Input placeholder="Enter text" />
    </div>
  );
}

Documentation

For detailed information on components and usage, refer to the Designify Documentation.

Storybook

Explore and interact with Designify components in Storybook:

npm run storybook

Visit http://localhost:6006 in your browser to view the Storybook.

Contributing

We welcome contributions! To contribute to Designify, follow these steps

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive messages.
4. Push your changes to your fork.
5. Submit a pull request to the main repository.

Acknowledgments

• Thanks to the open-source community for their valuable contributions.
• Inspired by other great UI Component Libraries.

Contact

For any inquiries or feedback, please contact us at Shoaib Khan