https://github.com/bennymi/ato-ui
The elemental UI component library for Svelte, built with UnoCSS and Melt UI.
https://github.com/bennymi/ato-ui
component-library components headlessui svelte svelte-components sveltekit tailwind tailwindcss themes ui-components unocss unocss-preset
Last synced: 10 days ago
JSON representation
The elemental UI component library for Svelte, built with UnoCSS and Melt UI.
- Host: GitHub
- URL: https://github.com/bennymi/ato-ui
- Owner: bennymi
- License: mit
- Created: 2023-03-16T19:32:46.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-26T19:50:55.000Z (over 1 year ago)
- Last Synced: 2024-11-08T16:54:10.977Z (6 months ago)
- Topics: component-library, components, headlessui, svelte, svelte-components, sveltekit, tailwind, tailwindcss, themes, ui-components, unocss, unocss-preset
- Language: Svelte
- Homepage: https://ato-ui.vercel.app
- Size: 3.58 MB
- Stars: 76
- Watchers: 2
- Forks: 6
- Open Issues: 39
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-unocss - AtoUI - Elemental UI library for Svelte offering an easily themeable design system. (UI Libraries, Components & Templates)
- awesome-unocss - AtoUI - Elemental UI library for Svelte offering an easily themeable design system. (UI Libraries, Components & Templates)
- awesome-unocss - AtoUI - ui) - Elemental UI library for Svelte offering an easily themeable design system by [@bennymi](https://github.com/bennymi). (Community / Frameworks)
README
# Ato UI
[](https://www.npmjs.com/package/ato-ui)
[](https://github.com/bennymi/ato-ui/blob/main/LICENSE)
[](https://discord.gg/7PXN3fs3tN)
The elemental UI component library for Svelte, built with UnoCSS and Melt UI.
## 🚀 Getting Started
Check out the [documentation](https://ato-ui.vercel.app/) for a detailed installation guide and project setup.
```shell
pnpm add -D ato-ui
```
## ✨ Features
- 🦄 Headless + Styled components
- 🎨 Themeable with an easy to use designers page
- 🎯 Written in TypeScript
- 👍 Strict adherence to [WAI-ARIA guidelines](https://www.w3.org/WAI/ARIA/apg/) (built on top of accessible headless libraries)
- ✈️ Convenient CSS shortcuts & tokens
- 😃 Pure CSS icons of all your favourite icon sets thanks to iconify and [UnoCSS](https://github.com/unocss/unocss)
## 👋 Community
Want to discuss something with us? Come join us on [Discord](https://discord.gg/7PXN3fs3tN), we would love to see you there.
## ⚒️ Contributions
Developers interested in contributing should read the [Code of Conduct](./CODE_OF_CONDUCT.md) and the [Contribution Guide](./CONTRIBUTING.md). PRs are welcomed. Find an open issue you can work on and come discuss it with us on discord.
## 🌸 Credits
The following amazing projects made this library possible and / or inspired features:
- [UnoCSS](https://github.com/unocss/unocss)
- [Melt UI](https://github.com/melt-ui/melt-ui)
- [Skeleton](https://github.com/skeletonlabs/skeleton)
- [Onu UI](https://github.com/onu-ui/onu-ui)
- [Anu](https://github.com/jd-solanki/anu)
- [MDsveX](https://github.com/pngwn/mdsvex)
- [TailwindCSS](https://github.com/tailwindlabs/tailwindcss)
- [WindiCSS](https://windicss.org/)
- [Shiki](https://github.com/shikijs/shiki)
## License
[MIT](./LICENSE) License © 2023-PRESENT [Benedikt Mielke](https://github.com/bennymi)