Svelte svelte-components

Open-source Svelte projects categorized as svelte-components

Top 11 Svelte svelte-component Projects

  • svelte-material-ui

    Svelte Material UI Components

    Project mention: Svelte(Kit) Top 10 Wishlist for 2023 | | 2023-01-02

    I know everyone loves Tailwind; I do too. However, there are too many things we take for granted with Material Design. Try and add a simple Date Picker to a Svelte Project. The Materialify project was abandoned (as well as the potential re-write SvelterialJS). The Svelte Material UI hasn't been updated in months, has poor documentation, and may well be on its way to be abandoned as well. Angular Material is well supported by Goodle, React MUI is in the process of getting updated, and so is Vuetify. SolidJS just built a translator for React MUI, and I think it is buggy and doesn't support Solid Start yet. Vercel should donate $$ monthly to support Svelte Material UI. It also needs to add components outside of Material Web (like Datepicker) that the Vue, Angular, and React alternatives support. Material UI is the standard for a reason. Another option would be to find a good translator like Mitosis, but I don't see that happening in this case. That being said, there are some alpha and beta UI Frameworks worth looking at like Skelton and SvelteUI (based on Tailwind).

  • carbon-components-svelte

    Svelte implementation of the Carbon Design System

    Project mention: Are there any downsides in using svelte or sveltekit? | | 2023-01-18

    Svelte/SvelteKit does have some high-quality libraries available like carbon-components-svelte but there's just nothing near as much.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • svelte-headlessui

    Unofficial Svelte port of the Headless UI component library

    Project mention: Passing event handlers in $$restProps? (ex. creating a wrapped <Input /> component) | | 2023-01-12

    This and passing styles to slots, are biggest bottlenecks in wrapping components (your use case) and creating headless components (see headless ui).

  • svelte-grid

    A responsive, draggable and resizable grid layout, for Svelte.

    Project mention: Neodrag: An SSR-friendly, multi-framework draggable library | | 2023-01-12

    Nice. For awhile I'm going to port the functions I was using behind

  • svelte-simple-modal

    A simple, small, and content-agnostic modal for Svelte v3

  • carbon-icons-svelte

    Carbon Design System SVG icons as Svelte components

    Project mention: Get sveltekit component html in script tag | | 2022-09-12

    I'm using custom Carbon Icons for Quill JS... each Icon component is a simple svelte component with an of the icon.

  • kahi-ui

    Straight-forward Svelte UI for the Web

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • stwui

    Opinionated yet customizable Svelte-TailwindCSS component library

    Project mention: stwui: Opinionated yet customizable Svelte-TailwindCSS component library | | 2022-10-15
  • p5-svelte

    Easily add p5 sketches to a Svelte project 🍛 🌱

  • sveltekit-components

    Handy components for building sites in SvelteKit

    Project mention: Next.js image alternative in Svelte | | 2022-05-22

    I've used this before and it did everything I wanted:

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-01-18.

Svelte svelte-components related posts


What are some of the best open-source svelte-component projects in Svelte? This list will help you:

Project Stars
1 svelte-material-ui 2,815
2 carbon-components-svelte 1,954
3 svelte-headlessui 1,259
4 svelte-grid 762
5 svelte-simple-modal 358
6 carbon-icons-svelte 322
7 kahi-ui 173
8 gdpr-cookie-consent-banner 164
9 stwui 135
10 p5-svelte 121
11 sveltekit-components 41
Clean code begins in your IDE with SonarLint
Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.