component-template vs primitives

component-template

A base for building shareable Svelte components (by sveltejs)

Suggest topics

Source Code

Suggest alternative

Edit details

primitives

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos. (by radix-ui)

UI UI Components ui-kit design-systems Accessibility React component-library radix-ui Colors

Source Code

radix-ui.com

Suggest alternative

Edit details

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

component-template		primitives
	Project
7	Mentions	26
552	Stars	14,106
0.5%	Growth	3.2%
0.0	Activity	8.0
over 1 year ago	Latest Commit	3 days ago
JavaScript	Language	TypeScript
-	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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

Posts with mentions or reviews of component-template. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-01-13.

Should you compile components before publishing them?
3 projects | /r/sveltejs | 13 Jan 2022

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?
3 projects | /r/sveltejs | 9 Jan 2022
how do use Svelte templates with Yarn?
3 projects | /r/sveltejs | 10 Nov 2021
Build your own component library with Svelte
10 projects | dev.to | 9 Nov 2021

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
4 projects | /r/sveltejs | 27 Jul 2021

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

Posts with mentions or reviews of primitives. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-01-22.

React: Build your own composable, headless components
3 projects | dev.to | 22 Jan 2024

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
8 projects | dev.to | 19 Jun 2023
I made a tool for converting between different media formats (without uploading to a server)
3 projects | /r/webdev | 22 Apr 2023

For a react project I recommend https://radix-ui.com, it's got pretty good defaults
List of free Tailwind UI component resources
12 projects | /r/tailwindcss | 7 Apr 2023

radix-ui.com
I made an interactive landing page for my open-source side project
6 projects | /r/web_design | 2 Nov 2022

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
8 projects | /r/UI_Design | 2 Nov 2022

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
3 projects | /r/vuejs | 31 Oct 2022

Too bad, Vue is not supported, only React. https://github.com/radix-ui/primitives/issues/947
Best dark mode website designs?
2 projects | /r/web_design | 6 Oct 2022

I like Linear and Radix UI, looking for others.
How can I build components faster?
2 projects | /r/Frontend | 4 Oct 2022

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
7 projects | /r/reactjs | 19 Jul 2022

Radix UI Primitives - adopts good programming principles to make React components extendable and flexible

What are some alternatives?

When comparing component-template and primitives you can also consider the following projects:

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