Overview of Svelte UI Libraries and Components

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • sveld

    Generate TypeScript definitions for your Svelte components

  • This library is packed with a set of reusable Svelte UI components (50+) for solving specific UI problems. Adopting the library allows you to benefit from consistent markup, styles, and behavior in Svelte projects. Carbon Components Svelte also makes use of the sveld library for automatically generating TypeScript definitions and API metadata.

  • carbon-icons-svelte

    Carbon Design System SVG icons as Svelte components

  • The Carbon Svelte portfolio also includes three other useful libraries for Svelte applications: Carbon Icons (6000+), Carbon Pictograms (700+), Carbon Charts (16). These libraries can be utilized independently or in combination with Carbon Components Svelte.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • carbon-pictograms-svelte

    Carbon Design System SVG pictograms as Svelte components

  • The Carbon Svelte portfolio also includes three other useful libraries for Svelte applications: Carbon Icons (6000+), Carbon Pictograms (700+), Carbon Charts (16). These libraries can be utilized independently or in combination with Carbon Components Svelte.

  • carbon-charts

    :bar_chart: :chart_with_upwards_trend:â €Robust dataviz framework implemented using D3 & typescript

  • The Carbon Svelte portfolio also includes three other useful libraries for Svelte applications: Carbon Icons (6000+), Carbon Pictograms (700+), Carbon Charts (16). These libraries can be utilized independently or in combination with Carbon Components Svelte.

  • svelte-mapbox

    MapBox Map and Autocomplete components for Svelte (or Vanilla JS)

  • If you need to build an interactive map with server-side rendering support for your Svelte project, Svelte Mapbox can be a good helper for completing this kind of task. Based on a popular Mapbox library, this lightweight mapping tool provides you with map and place geocoding (place autocomplete) components. You can also add custom Svelte components to your map and modify any map elements with the use of custom CSS. But it is necessary to emphasize that the place autocomplete component has a client-side dependency since it increases the bundle size (by about 0.5 MB) and the build time if bundled.

  • Svelte

    Cybernetically enhanced web apps

  • Svelte is a relatively new component-based JavaScript framework with a powerful reactivity system at its core. It delivers a fresh approach to building super-fast web applications. In contrast to React and Vue.js that interpret application code when it is running in the user's browser, Svelte operates as a compiler and turns your declarative code into pure JavaScript during the build phase. Svelte automatically updates the DOM when the application’s state changes instead of relying on the virtual DOM diffing. As a result, Svelte allows creating applications with impressive performance rates by writing less code.

  • reactstrap

    Simple React Bootstrap 5 components

  • This library helps to reimplement Bootstrap components as Svelte components. It frees you from the necessity to directly apply Bootstrap component classes or include Bootstrap's JS code. Sveltestrap components do not cause any difficulties in terms of their usage, as they require less markup. Creators of this component borrowed some concepts from the reactstrap library for React.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts