{"repo":"ZiZIGY/CapsuleUI","free":true,"listed":false,"github":"https://github.com/ZiZIGY/CapsuleUI","clone":"git clone https://github.com/ZiZIGY/CapsuleUI.git","description":"Native Web Components, unstyled by design. Build your own design system on a solid foundation. Like shadcn, for the web platform.","language":"JavaScript","stars":150,"topics":["cli","front-end-development","ui-components","webcomponents","component-library","ui"],"license":"MIT","category":"ui-components","readme_excerpt":"CapsuleUI Native Web Components • Unstyled-by-design • Bring your own design system --- Getting Started 1. Initialize global Capsule folder (templates and globals): 2. Add a component (installs into @capsule/components/ - ): This will also: - Inject component CSS into @capsule/global.css - Inject component JS into @capsule/index.js 3. Run the playground (Vite): Quick Preview (Playground) - Entry HTML: playground/index.html - Global styles: playground/@capsule/global.css - Components entry: playground/@capsule/index.js Open the dev server and experiment with components right away. Project Structure - src/@template/ — template used by capsule init - @capsule/ — generated global folder in your project (globals + components) - global.css — global CSS variables, resets and component imports - components/init.js — entry point that imports all installed components - components/ - / — individual component source - public/ — static assets (e.g. images) - playground/ — local demo environment Commands - npx @capsuleui/core init [-d, --dir ] — create @capsule folder from template - capsule add [-p, --prefix ] [-m, --minify] — install a component - npm run play — run Vite dev server for playground License MIT","default_branch":null,"files":null,"tree":[],"storefront":"/r/ZiZIGY","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ZiZIGY/CapsuleUI/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}