{"_id":"@ambar-ui/svelte","_rev":"3-b5bb622ce10ea8ef99c82d495ccacf17","name":"@ambar-ui/svelte","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@ambar-ui/svelte","version":"1.0.0","keywords":["svelte","svelte5","sveltekit","ui","components","tailwind","tailwindcss","design-system"],"author":{"name":"Ambar UI"},"license":"MIT","_id":"@ambar-ui/svelte@1.0.0","maintainers":[{"name":"mcclaren","email":"zerobytep@gmail.com"}],"homepage":"https://ambarui.vercel.app","bugs":{"url":"https://github.com/mcclaren/ambar-svelte/issues"},"dist":{"shasum":"1216c4718c1c34f82cb245597e9e846bf1dbab56","tarball":"https://registry.npmjs.org/@ambar-ui/svelte/-/svelte-1.0.0.tgz","fileCount":109,"integrity":"sha512-SwwLd2IlABzCUkNlJyzx8j22bjgFmoW3gO4nAMZWCFfhDbg4tfawcJ/66UIAPWMkDykGvqQO7Xv3UPSHVUH+vw==","signatures":[{"sig":"MEUCIDwp8ckDGKf3NZixrktgxAoUw+73RYgTgn1ctaJ/flYdAiEAhR26Ou9zG1dxNWO8BgpGqBq9TFFm/pwrWsasnMniFjE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":351798},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"vite dev","build":"node scripts/generate-llms.js && vite build","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","package":"svelte-kit sync && svelte-package -o dist","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","generate:llms":"node scripts/generate-llms.js","prepublishOnly":"npm run package"},"_npmUser":{"name":"mcclaren","email":"zerobytep@gmail.com"},"repository":{"url":"git+https://github.com/mcclaren/ambar-svelte.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautiful Svelte 5 component library powered by Tailwind CSS v4","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.7","svelte":"^5.55.2","typescript":"^6.0.2","tailwindcss":"^4.3.0","lightningcss":"^1.32.0","svelte-check":"^4.4.6","@sveltejs/kit":"^2.57.0","@sveltejs/package":"^2.5.7","@tailwindcss/vite":"^4.3.0","@sveltejs/adapter-auto":"^7.0.1","@sveltejs/adapter-vercel":"^6.3.3","@sveltejs/vite-plugin-svelte":"^7.0.0"},"peerDependencies":{"svelte":"^5.0.0","@sveltejs/kit":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte_1.0.0_1779401821035_0.6809229917633903","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ambar-ui/svelte","version":"1.0.1","keywords":["svelte","svelte5","sveltekit","ui","components","tailwind","tailwindcss","design-system"],"author":{"name":"Ambar UI"},"license":"MIT","_id":"@ambar-ui/svelte@1.0.1","maintainers":[{"name":"mcclaren","email":"zerobytep@gmail.com"}],"homepage":"https://ambarui.vercel.app","bugs":{"url":"https://github.com/mcclaren/ambar-svelte/issues"},"dist":{"shasum":"9524db6b25aa822f41ae63453cf80f9027e83101","tarball":"https://registry.npmjs.org/@ambar-ui/svelte/-/svelte-1.0.1.tgz","fileCount":109,"integrity":"sha512-Hq0s6lIdUlLMYdl5gi4v9rfSeCNyewVwYVX3zLxD5UfzM7I7lVmGBMUZRxsPS8AxqkFcBa4s9wqK2ZhmqcKbSg==","signatures":[{"sig":"MEYCIQCRjJx0dubowu4FMAtyM/XRGVVOdhOCqcte4VrKO0OkvwIhAJS8CDfISkTS7wpQZxqNkdwoXxRVbmOlgRHtrJh3VoW0","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":351799},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","default":"./dist/index.js"}},"gitHead":"ab842c71010527d4a5050974ece74e07ecbff2a2","scripts":{"dev":"vite dev","build":"node scripts/generate-llms.js && vite build","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","package":"svelte-kit sync && svelte-package -o dist","prepare":"svelte-kit sync || echo ''","preview":"vite preview","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","generate:llms":"node scripts/generate-llms.js","prepublishOnly":"npm run package"},"_npmUser":{"name":"mcclaren","email":"zerobytep@gmail.com"},"repository":{"url":"git+https://github.com/mcclaren/ambar-svelte.git","type":"git"},"_npmVersion":"11.6.2","description":"Beautiful Svelte 5 component library powered by Tailwind CSS v4","directories":{},"_nodeVersion":"25.2.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.7","svelte":"^5.55.2","typescript":"^6.0.2","tailwindcss":"^4.3.0","lightningcss":"^1.32.0","svelte-check":"^4.4.6","@sveltejs/kit":"^2.57.0","@sveltejs/package":"^2.5.7","@tailwindcss/vite":"^4.3.0","@sveltejs/adapter-auto":"^7.0.1","@sveltejs/adapter-vercel":"^6.3.3","@sveltejs/vite-plugin-svelte":"^7.0.0"},"peerDependencies":{"svelte":"^5.0.0","@sveltejs/kit":"^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/svelte_1.0.1_1779402397012_0.8816405110233785","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ambar-ui/svelte","version":"1.0.2","description":"Beautiful Svelte 5 component library powered by Tailwind CSS v4","license":"MIT","author":{"name":"Ambar UI"},"homepage":"https://ambarui.vercel.app","repository":{"type":"git","url":"git+https://github.com/mcclaren/ambar-svelte.git"},"keywords":["svelte","svelte5","sveltekit","ui","components","tailwind","tailwindcss","design-system"],"type":"module","svelte":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","default":"./dist/index.js"}},"peerDependencies":{"svelte":"^5.0.0","@sveltejs/kit":"^2.0.0"},"scripts":{"dev":"vite dev","build":"node scripts/generate-llms.js && vite build","preview":"vite preview","prepare":"svelte-kit sync || echo ''","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","check:watch":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch","generate:llms":"node scripts/generate-llms.js","package":"svelte-kit sync && svelte-package -o dist","prepublishOnly":"npm run package"},"devDependencies":{"@sveltejs/adapter-auto":"^7.0.1","@sveltejs/adapter-vercel":"^6.3.3","@sveltejs/kit":"^2.57.0","@sveltejs/package":"^2.5.7","@sveltejs/vite-plugin-svelte":"^7.0.0","@tailwindcss/vite":"^4.3.0","lightningcss":"^1.32.0","svelte":"^5.55.2","svelte-check":"^4.4.6","tailwindcss":"^4.3.0","typescript":"^6.0.2","vite":"^8.0.7"},"gitHead":"1d4eb12f9036d2fc9e24ee438240b41633c83596","_id":"@ambar-ui/svelte@1.0.2","bugs":{"url":"https://github.com/mcclaren/ambar-svelte/issues"},"_nodeVersion":"25.2.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-rnTNSAw+GHW/HtfHlUYqo19PsAqTZGjNL69SigVrBLWkWWBVKuNnZM3tjWG1cIPGliUhc9fa6d2azsTWbSJaJA==","shasum":"3a197e0fd722e703b10800ad71b6208c07b88c1c","tarball":"https://registry.npmjs.org/@ambar-ui/svelte/-/svelte-1.0.2.tgz","fileCount":109,"unpackedSize":351799,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIA/SLjAGV3g63pnMFWIY2SrmO1Jj2U6b3DPEMitDTqNzAiBJWt++9vDXZQVTc4IINrNu6XZB4mc+1AqHmBUyyLXQsg=="}]},"_npmUser":{"name":"mcclaren","email":"zerobytep@gmail.com"},"directories":{},"maintainers":[{"name":"mcclaren","email":"zerobytep@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/svelte_1.0.2_1779402799575_0.3486948853588623"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-21T22:17:00.844Z","modified":"2026-05-21T22:33:19.843Z","1.0.0":"2026-05-21T22:17:01.211Z","1.0.1":"2026-05-21T22:26:37.159Z","1.0.2":"2026-05-21T22:33:19.729Z"},"bugs":{"url":"https://github.com/mcclaren/ambar-svelte/issues"},"author":{"name":"Ambar UI"},"license":"MIT","homepage":"https://ambarui.vercel.app","keywords":["svelte","svelte5","sveltekit","ui","components","tailwind","tailwindcss","design-system"],"repository":{"type":"git","url":"git+https://github.com/mcclaren/ambar-svelte.git"},"description":"Beautiful Svelte 5 component library powered by Tailwind CSS v4","maintainers":[{"name":"mcclaren","email":"zerobytep@gmail.com"}],"readme":"\n\n
\n\n# Ambar UI\n\n**45+ components for Svelte 5 + Tailwind CSS v4**\n\n[](https://www.npmjs.com/package/@ambar-ui/svelte)\n[](LICENSE)\n[](https://svelte.dev)\n[](https://tailwindcss.com)\n[](https://github.com/blancos13/ambar-svelte/stargazers)\n\n
\n\n[**Live Demo**](https://ambarui.vercel.app) · [**Components**](https://ambarui.vercel.app/components/installation) · [**npm**](https://www.npmjs.com/package/@ambar-ui/svelte)\n\n
\n\n
\n\n---\n\n## What is it?\n\nAmbar UI is a **modern component library** for Svelte 5. \nCopy individual components into your project — or install the whole package via npm. \nEvery component is a single `.svelte` file, built with Svelte 5 runes and Tailwind CSS v4. \nNo wrapper libraries. No hidden magic. You own the code.\n\n---\n\n## Install\n\n```bash\nnpm install @ambar-ui/svelte\n```\n\nOr copy any `.svelte` file directly from [`src/lib/components/`](./src/lib/components/).\n\n---\n\n## Components\n\n### 📊 Charts\n`Bar` · `Candlestick` · `Donut` · `Heatmap` · `Line` · **`Realtime (WebSocket-ready)`** · `Sparkline`\n\n### 🎛 Inputs\n`Button` · `Checkbox` · `Input` · `OTP Input` · `Radio` · `Search` · `Select` · `Slider` · `Switch` · `Textarea`\n\n### 🪟 Overlay\n`Dialog` · `Drawer` · `Dropdown` · `Popover` · `Sheet` · `Toast` · `Tooltip`\n\n### 🏗 Layout\n`Accordion` · `Avatar` · `Breadcrumb` · `Sidebar` · `Tabs` · `Flex / Grid / HStack / VStack`\n\n### 🖼 Display\n`Empty State` · `Link` · `List` · `Progress` · `Skeleton` · `Spinner` · `Typography`\n\n---\n\n## Highlights\n\n**Real-time chart** — Feed any live data source (WebSocket, polling, game loop) via a single `latestPrice` prop. Smooth 60fps animation built in. [→ docs](https://ambarui.vercel.app/components/charts/realtime)\n\n**Full-featured Sidebar** — 4 item styles, 3 variants, collapsible icon rail, offcanvas mobile drawer, nested items, badges, animations. [→ docs](https://ambarui.vercel.app/components/sidebar)\n\n**Live theme engine** — 6 themes × 12 accent colors × 9 fonts. Everything is a CSS variable, persisted per-user. Toggle live on the docs site. [→ theming](https://ambarui.vercel.app/components/theming)\n\n**AI-ready** — Machine-readable component reference at [`/llms.txt`](https://ambarui.vercel.app/llms.txt). Paste into Claude, Cursor, or Copilot for accurate code generation.\n\n---\n\n## Theming\n\nZero config — just CSS variables:\n\n```css\n@import 'tailwindcss';\n\n@theme inline {\n --color-accent: oklch(0.6 0.2 265);\n}\n```\n\n---\n\n## AI / LLM context\n\n```\nhttps://ambarui.vercel.app/llms.txt ← compact API reference\nhttps://ambarui.vercel.app/llms-full.txt ← full source of every component\n```\n\n---\n\n## Requirements\n\nSvelte `5.0+` · SvelteKit `2.0+` · Tailwind CSS `4.0+` · TypeScript `5.0+`\n\n---\n\n## Contributing\n\n1. Fork → add your component to `src/lib/components/`\n2. Export from `src/lib/index.ts`\n3. Add a docs page under `src/routes/components/[name]/+page.svelte`\n4. Open a PR\n\n---\n\n## License\n\nMIT\n\n---\n\n\n\nMade for the Svelte community · [⭐ Star on GitHub](https://github.com/blancos13/ambar-svelte)\n\n
\n","readmeFilename":"README.md"}