themeui component library provides a collection of reusable UI components built with Tailwind CSS and Vite React. It includes components like buttons, layout, theme mode, table, form, input, pagination, etc.
You can install the component library using npm:
npm install @gravitguru/themeuiOr using yarn:
yarn add @gravitguru/themeuiOr using yarn:
import '@gravitguru/themeui'; // import after run the serverTo use components from your library, import them into your React components:
import { Button, Table, Form } from '@gravitguru/themeui';
Edit the components in src/components.
Start the development server:
npm run devVisit http://localhost:8000 in your browser to preview your changes.
<Button variant="primary">Click me</Button>
<Table data={tableData} columns={tableColumns} />
<Form onSubmit={handleSubmit}>
<Input name="username" type="text" />
<Button type="submit">Submit</Button>
</Form>
Button: A customizable button component. Layout: Pre-defined layout components for easier page structuring. ThemeMode: Allows toggling between light and dark themes. Table: A table component for displaying tabular data. Form: Form components for building forms easily. Input: An input component for text input. 100+ Components: A wide variety of components for different UI needs. Full-Page Components: Ready-to-use components for entire page layouts. Assets: Includes assets such as images, fonts, and more. Icons: A collection of icons for use in your interfaces. Animations: Provides animation utilities for enhancing user experience.
Your component library supports theming using Tailwind CSS. You can customize the colors, typography, spacing, and more by editing the tailwind.config.js file in your project.
Contributions are welcome! If you have any ideas, bug fixes, or improvements, feel free to open an issue or create a pull request on GitHub.
This component library is licensed under the MIT License. See the LICENSE file for details.
For support, email gravitguru@gmail.com or join our discord Team.