Welcome to TSM-UI: Your Design System for Modern Web Development

Storybook Home

TSM-UI is a comprehensive Design System built to enhance your web development projects with reusable components, standardized styles, and a cohesive user experience. With TSM-UI, you can streamline your development process, ensure consistency across projects, and deliver polished and professional web applications.

Installation

Getting started with TSM-UI is a breeze. Simply install the package using npm:Getting Started?

npm i tsm-ui

Using a component

TSM-UI provides a wide range of components that you can easily integrate into your projects. Let's take a look at a simple example of using the Button component:

import { Button } from "tsm-ui";

function App() {
  return (
    <div className="App">
      <Button variant={'secondary'} size={'sm'} >
          Hello World!
      </Button>
    </div>
  );
}

export default App;

By importing the Button component from TSM-UI, you can leverage its customizable variants and sizes to create engaging user interfaces.

Future Updates

We are continuously working on expanding and enhancing the capabilities of TSM-UI. Our dedicated team is committed to bringing you regular updates with new components, features, and improvements. Stay tuned for exciting additions that will further empower your web development journey.

Contributing

We welcome contributions from the community to make TSM-UI even better. If you have any suggestions, bug reports, or feature requests, please feel free to open an issue on our GitHub repository. We value your feedback and collaboration in shaping the future of TSM-UI.

License

TSM-UI is released under the MIT License. You can find more details in the LICENSE file.

Join us on this exciting journey of building exceptional web applications with TSM-UI. Let's create amazing experiences together!