trydivJS is a modern, lightweight, and efficient UI library designed to streamline web development. It offers a rich collection of pre-built UI components, templates, and boilerplates, enabling developers to build high-quality user interfaces with minimal effort. With the latest update, trydivJS now generates a utils/ folder for component management and provides a simple CLI command to add components directly.
- Website: trydivJS
- DockerHub: neerajkumar1044
- GitHub Repository: trydivJS GitHub
- Documentation: trydivJS Docs
- 🔹 Pre-built UI Components – Quickly integrate customizable UI elements.
- 🔹 Optimized Performance – Enjoy fast, lightweight rendering for a seamless user experience.
- 🔹 Boilerplates & Templates – Jumpstart your projects with ready-to-use structures.
- 🔹 Developer-Friendly CLI – Easily add components via the CLI.
- 🔹 Customizable & Extensible – Tweak generated files to fit your project’s design.
- 🔹 Cross-Browser Compatibility – Works flawlessly across all modern web browsers.
- 🔹 Active Community Support – Benefit from regular updates and community-driven enhancements.
Install trydivJS as a development dependency via npm:
npm install trydivjs --save-devAfter installing trydivJS, the library automatically generates a utils/ folder in your project root. You don’t need to run any script manually—the CLI takes care of component generation.
To add any UI component, simply run:
npx trydivjs add <component_name>Replace <component_name> with the name of the desired component.
To add the Card01 component, run:
npx trydivjs add Card01Here are some example components you can add:
| Component | Description |
|---|---|
| Card01 | A modern, customizable card component. |
| Card02 | An alternative card style with extra flair. |
| Button01 | A sleek and responsive button component. |
| Loader01 | A lightweight loader/spinner component. |
| Form01 | A pre-built form template for user input. |
| Navbar03 | A responsive and stylish navigation bar. |
| Sidebar02 | A collapsible sidebar to enhance your UI. |
For a full list of components and customization options, please refer to the official documentation.
Each generated component file is fully customizable. Simply modify the files in the utils/ folder to adjust styles, colors, layouts, and more according to your project’s needs.
We welcome contributions! Help improve trydivJS by:
- Reporting issues
- Requesting new features
- Submitting pull requests
For contribution guidelines, see our CONTRIBUTING.md.
This project is licensed under the MIT License, which allows open use, modification, and distribution.
For support and discussions:
- GitHub Issues: Report an issue
- Community Discussions: Join the conversation
This updated README now reflects the new CLI-based workflow—users only need to run npx trydivjs add <component_name> to add a component, and the library will generate the necessary utils/ folder without creating a separate script.js file.