gardenjs

A component library explorer for UI development, testing and documentation.
7,580 44
vue react html svelte ui documentation storybook javascript testing component-library ui-components js sveltekit design-systems styleguide stories
Install
npm install gardenjs
Latest Version:1.7.3
License:MIT
Last Updated:Jul 30, 2026
Links: GitHub  ·  npm
Maintainer: robindanzinger

The quick and easy alternative

Gardenjs is an open source UI component library explorer and provides a centralized platform for developers to create, test and present UI components and pages in isolation. Gardenjs promotes modular and reusable code, streamlines collaboration between team members and increases overall productivity. Gardenjs is designed for projects of any size.

Watch the demo.

Why Gardenjs?

  • Significantly faster than comparable tools.
  • Simple and efficient working.
  • Many useful features without being complex and bloated.
  • Integration of external libraries within a project.
  • Multiple frameworks running in a single instance.
  • More flexible and extensive work with decorators and hooks.
  • Automatically generated parameters with a selection of controls.
  • Simply looks good :)

Getting Started

Please follow the documentation at gardenjs.org. Happy Gardening!

Supported Frameworks

HTML snippets are rendered by default. The support of frameworks and template languages is realized by renderer plugins. There are currently plugins for Svelte, Vue and React. You can also easily create plugins for other frameworks, see the documentation. Contact us, we will be happy to create a repository for your renderer plugin.

Contributing

Gardenjs was developed and is contributed by Rabbit Development. We look forward to your feedback, please report any bugs. We also welcome contributions and are happy about sponsoring.

License

MIT

Copyright (C) 2020-present, Robin Danzinger & Martin Farkas.

Related Packages

poveste

Interactive component playgrounds for Vue, Nuxt, Svelte, SvelteKit and Quasar, p...

10,343 3
react stories storybook styleguide svelte sveltekit vue cli component-explorer component-playground +7
storybook

Storybook: Develop, document, and test UI components in isolation

758,956,709 91,335
design-systems react storybook svelte sveltekit vue angular component component-testing components +5
@ohos-ports/storybook

Storybook: Develop, document, and test UI components in isolation

965 91,369
design-systems react storybook svelte sveltekit vue angular component component-testing components +5
@visuallyjs/browser-ui-mcp

MCP server for all VisuallyJs packages

4,731
documentation javascript react svelte vue angular mcp model-context-protocol search typescript
@blossom-carousel/web

A native-scroll-first carousel component for the web.

23,472 1,052
html javascript js react svelte vue blossom carousel css drag +8

Version History

Version Released License
1.7.3 MIT
1.7.2 MIT
1.7.1 MIT
1.7.0 MIT
1.6.9 MIT
Pre-releases (25)
Version Released License
0.9.1-alpha.27 MIT
0.9.1-alpha.26 MIT
0.9.1-alpha.25 MIT
0.9.1-alpha.24 MIT
0.9.1-alpha.23 MIT