Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/grail-ui/grail-ui

A library of accessible component primitives, actions and utilities for Svelte.
https://github.com/grail-ui/grail-ui

accessibility components-library design-systems grail-ui headless svelte sveltekit ui ui-components

Last synced: 2 months ago
JSON representation

A library of accessible component primitives, actions and utilities for Svelte.

Host: GitHub
URL: https://github.com/grail-ui/grail-ui
Owner: grail-ui
License: mit
Created: 2022-11-14T09:28:11.000Z (about 2 years ago)
Default Branch: master
Last Pushed: 2023-09-30T14:03:32.000Z (over 1 year ago)
Last Synced: 2024-07-31T17:16:56.647Z (6 months ago)
Topics: accessibility, components-library, design-systems, grail-ui, headless, svelte, sveltekit, ui, ui-components
Language: TypeScript
Homepage: https://grail-ui.vercel.app/
Size: 1.03 MB
Stars: 380
Watchers: 7
Forks: 9
Open Issues: 6
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

README

# Grail UI

[![NPM](https://img.shields.io/npm/v/@grail-ui/svelte)](https://www.npmjs.com/package/@grail-ui/svelte)
[![minified](https://img.shields.io/bundlephobia/min/@grail-ui/svelte)](https://bundlephobia.com/package/@grail-ui/svelte)
[![minified + zipped](https://img.shields.io/bundlephobia/minzip/@grail-ui/svelte)](https://bundlephobia.com/package/@grail-ui/svelte)

Grail UI offers a set of component primitives, actions and utilities that help you build accessible and high quality Svelte applications faster, while providing a great developer experience.
You can use it as the base of your design system and your component library, or adopt it incrementally inside your application.

## 🎪 Usage & Demo

For documentation and interactive demos, visit [https://grail-ui.vercel.app](https://grail-ui.vercel.app)

## ✨Features

- Accessible
- Composable
- Unstyled
- Uncontrolled
- Tiny
- Tree shakeable
- Fully typed
- SSR Friendly
- Performant

## 🏆 Vision

This project has one primary goal:

**_Provide high-quality tools that help Svelte developers build robust applications as fast and as easy as possible, with accessibility support._**

What defines **"high-quality"**?

- Straightforward & consistent APIs that don't confuse developers.
- Behave as expected across a wide variety of use-cases without bugs.
- Well-tested behavior with both unit and integration tests.
- Performance cost is minimized.
- Clean and well-documented code that can be used as learning material.
- Fully customizable and configurable.

## 🧱 Contributing

We are always looking for quality contributions! Please check our [Contributing Guide](CONTRIBUTING.md) for guidelines.

## 🙏 Thanks

This project is heavily inspired by the following awesome projects.

- [React Aria](https://react-spectrum.adobe.com/react-aria/index.html)
- [Radix](https://www.radix-ui.com)
- [VueUse](https://vueuse.org)
- [Zag](https://zagjs.com)
- [Angular CDK](https://material.angular.io/cdk/categories)

## 📄 License