Gardenjs is an open source tool for the development and documentation of UI components. It enables developers to develop components in isolation and test different states visually. This improves development productivity and promotes the reusability of code.
Gardenjs supports various JavaScript frameworks such as Svelte, Vue and React and offers a user-friendly interface.
Gardenjs is open source and available under the MIT license.
With simple project initialization, Gardenjs is immediately ready for use. Easy to use, components can be created and managed quickly. Everything in Gardenjs is optimized for speed.
During development and customization, components are displayed in real time without delay.
Easily organize and manage all UI components centrally in one place.
Short notes or comprehensive documentation can be added to each component. This means that the entire team is always up to date.
Renderer plugins are currently available for Svelte, Vue and React. Plugins for other JS frameworks can be easily created (see documentation).
In contrast to Storybook, several JS frameworks can also be used in one project.
Examples allow you to view different states and variations of UI components. This facilitates communication within the team and with stakeholders.
Components can be extended and customized with Decorators - to add additional features and behaviors in Gardenjs - without changing the actual code of the component. This ensures a clean code base.
Gardenjs supports the use of hooks, which provide a flexible and powerful way to integrate state and effect logic into your components.
Experience for yourself how Gardenjs accelerates your development processes and simplifies your work with UI components.
Visit our website with documentation and the demo.
We welcome your feedback so that we can continuously improve Gardenjs. Your suggestions and ideas are important to us.
Report bugs on GitHub, support us in further development or create your own plugins and features. We also implement new features on your behalf.
Thank you!
