https://github.com/haasstefan/vanilla-ui

Headless component library built with Lit powering the vanilla web movement
https://github.com/haasstefan/vanilla-ui

Last synced: 8 days ago
JSON representation

Headless component library built with Lit powering the vanilla web movement

• Host: GitHub
• URL: https://github.com/haasstefan/vanilla-ui
• Owner: HaasStefan
• Created: 2024-04-05T11:00:39.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-05T20:57:54.000Z (7 months ago)
• Last Synced: 2024-04-06T11:45:37.060Z (7 months ago)
• Language: TypeScript
• Size: 183 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



Vanilla UI

A headless component library built on Lit


## Philosophy

- framework-agnostic

- own your design system

- customize everything

- WCAG/Accessibility baked in

Design systems and component libraries are being reinvented in every framework. Angular, React, Vue, Svelte... All of them have their own implementation of a button, table, date picker, etc., even though these components are doing the same thing in a different syntax.

Vanilla UI is based on web components, which are natively supported by all modern browsers. This means that you can use Vanilla UI in any framework or even without a framework. By building on top of Vanilla UI, you can create a design system that is truly framework agnostic and can be used in any project.

## Usage

```

git clone https://github.com/HaasStefan/vanilla-ui.git

cd vanilla-ui

# Install dependencies

npm install

# Run the storybook

npm run storybook

```

## Components

- [x] Button

- [ ] Checkbox

- [ ] Date Picker

- [ ] Dialog

- [ ] Drawer

- [ ] Dropdown

- [ ] Input

- [ ] Radio

- [ ] Select

- [ ] Table

- [ ] Tabs

- [ ] Textarea

- [ ] Tooltip

- [ ] Typography

- [ ] Snackbar

- [ ] Stepper

- [ ] Switch

- [ ] Menu

- [ ] Pagination

- [ ] Progress

- [ ] Slider

- [ ] Chip

- [ ] Avatar

- [ ] Badge

- [ ] Card

- [ ] Divider

- [ ] Expansion Panel

- [ ] List

- [ ] Modal

- [ ] Paper

- [ ] Popover

- [ ] Rating

- [ ] Skeleton

- [ ] Stepper

- [ ] Table

- [ ] Tabs

- [ ] Tooltip

- [ ] Typography

- [ ] Snackbar

- [ ] Stepper

- [ ] Switch

- [ ] Menu

- [ ] Pagination

- [ ] Progress