Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/fartinmartin/bits-cli

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/fartinmartin/bits-cli
Owner: fartinmartin
Created: 2023-12-02T07:00:26.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-12-02T18:39:10.000Z (about 1 year ago)
Last Synced: 2023-12-03T08:28:47.989Z (about 1 year ago)
Language: TypeScript
Size: 41 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # `bits-cli`

I generally prefer CSS over Tailwind and don't want to look up a `bit`'s structure or its `data-` attributes in the [the docs](https://bits-ui.com/). Maybe folks who opt for `bits-ui` over `shadcn-svelte` or `melt-ui` feel the same?

So, here's a rough CLI to dump structured `bits-ui` `.svelte` files with predefined CSS selectors (using `data-` attributes) into your app's `lib` folder.

I like the idea of eventually including some of the "structural" CSS from the `bits-ui` [demo CSS](https://github.com/huntabyte/bits-ui/tree/main/src/components/demos) (e.g. converting the necessary Tailwind classes to CSS). And/or establishing CSS variables in the root class to use within the rest of the component's CSS.