primitives
sveltekit-package-template
| primitives | sveltekit-package-template | |
|---|---|---|
| 29 | 2 | |
| 16,201 | 27 | |
| 1.6% | - | |
| 9.0 | 0.0 | |
| 28 days ago | over 2 years ago | |
| TypeScript | Svelte | |
| MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
primitives
- Explaining Scoped Context in React with example
-
Hacky Way to Customize Shadcn’s Tooltip Arrows
While this approach works, I’m sure there are UI libraries that allow for easier and more flexible tooltip styling. However, it feels rewarding to have found a workaround for this. If you're interested in exploring other options, you might want to check out this discussion.
-
Headless UI alternatives: Radix Primitives, React Aria, Ark UI
Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.
- Radix Primitives: an open-source UI component library
-
React: Build your own composable, headless components
Fast forward to a week ago, I cloned the Reach UI and Radix UI codebase and started exploring. Large codebases are always difficult to comprehend. With some digging around and reverse engineering, I was able to create the first component listed in the Reach UI docs, the Accordion.
- Show HN: Radix Themes – A beautiful, open-source React component library
- 5 React Libraries to Level Up your Projects in 2023
-
I'm building Radix Svelte, an unstyled UI component library with a focus on accessibility.
Other things that led me to choose this path were: Most libraries that are ports, official or not, use the original name (e.g. Svelte Material UI); Radix UI's license is fairly permissive (https://github.com/radix-ui/primitives/blob/main/LICENSE), which is why I also don't think it matters that it's a company behind it. Same as why I don't see an issue with the name Preact, for example.
-
I made a tool for converting between different media formats (without uploading to a server)
For a react project I recommend https://radix-ui.com, it's got pretty good defaults
-
List of free Tailwind UI component resources
radix-ui.com
sveltekit-package-template
-
Should you compile components before publishing them?
Anyways, I also made a component template that utilizes SvelteKit packaging if you're interested. https://github.com/tropix126/sveltekit-package-template
-
Anyone have complete documentation on creating an npm package with SvelteKit?
SvelteKit packaging docs has some useful information. I also made this package template for use in some of my projects, but it also has some very useful documentation in the readme if you're looking for a place to start - https://github.com/tropix126/sveltekit-package-template
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
svelte-calendar - A lightweight datepicker with neat animations and a unique UX.
zag - Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
svelte-headlessui - Unofficial Svelte port of the Headless UI component library
dub - Open-source link management infrastructure. Loved by modern marketing teams like Twilio, Perplexity, Vercel, and Huberman Labs.
RazorSvelte - Template project for the .NET Razor Pages with Svelte Framework, Bootstrap, and Rollup
chakra-ui - Chakra UI is a component system for building products with speed ⚡️
component-template - A base for building shareable Svelte components
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
svelte-material-ui - Svelte Material UI Components
sveltekit-starter - Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.