component-template
primitives
Our great sponsors
component-template | primitives | |
---|---|---|
7 | 26 | |
552 | 14,106 | |
0.5% | 3.2% | |
0.0 | 8.0 | |
over 1 year ago | 3 days ago | |
JavaScript | TypeScript | |
- | 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.
component-template
-
Should you compile components before publishing them?
Reason I'm asking is that the official component template has a build step that compiles it to pure js. But I just tried publishing it with no build step (so literally just button.svelte, index.mjs and package.json and it seems to work fine.
- Anyone have complete documentation on creating an npm package with SvelteKit?
- how do use Svelte templates with Yarn?
-
Build your own component library with Svelte
But what would it be like to build your own Svelte component library? Fortunately, there are several templates that you could start with, like the official template provided by Svelte and Svelte 3 Component Template, which are considered the go-to for building your own component library.
-
Design systems with Storybook - seeking suggestions
My question is: is there a good up-to-date Tailwind, Svelte, Storybook template out there? The one on Github is pretty old and was abandoned 5+ months ago. With the pace of change, I'm worried I'd bump into legacy bugs. I'm confused as to where to start because Svelte has an official component-template but its 10 months old. Also, which bundler is the best for a newbie? Lastly, should I use svelte-add or is there a more stable solution out there with support for Storybook?
primitives
-
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.
- 5 React Libraries to Level Up your Projects in 2023
-
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
-
I made an interactive landing page for my open-source side project
Thank you so much! I can't take all the credits however – I'm building on top of the shoulder of giants/amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more! :)
-
I built an interactive landing page for my side project
FWIW, I built the site using amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more – so maybe you can refer to those to build something similar!
-
UI libraries with good keyboard support
Too bad, Vue is not supported, only React. https://github.com/radix-ui/primitives/issues/947
-
Best dark mode website designs?
I like Linear and Radix UI, looking for others.
-
How can I build components faster?
Without knowing any of that, I’ll presume you’re using React; if so I’d tell you to simply use Radix
-
Currently in need of books or repo recommendations that covers intermediate-advanced concepts in react
Radix UI Primitives - adopts good programming principles to make React components extendable and flexible
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
zag - Finite state machines for building accessible design systems and UI components.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
sveltekit-package-template - A barebones project that provides the essentials for writing highly-optimized, reusable packages in Svelte.
svelte-adders - Easily add integrations and other functionality to Svelte apps
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇
svelte-headlessui - Unofficial Svelte port of the Headless UI component library
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
svelte-material-ui - Svelte Material UI Components
svelte-component-template - A highly-opinionated base for building shareable Svelte 3 components
jest-dom - :owl: Custom jest matchers to test the state of the DOM