Skip to content
SvelteKitUI Directory
DiscoverLibrariesCompareGuides
Submit a library
A GOOD PLACE TO START DiscoverLibrariesCompareGuidesStack builderFree & open sourcePremium librariesSubmit a libraryAbout the directory
  1. Home
  2. › Styles
  3. › Modern

Modern

Contemporary UI with refined typography and current design trends.

16 libraries
Room for your next idea.
CN Blocks

CN Blocks

shadcn-compatible page blocks and sections for Svelte projects

BlocksOpen source
150+ components 425
Room for your next idea.
DaisyUI

DaisyUI

The most popular Tailwind CSS component class library — works with any framework

ComponentsOpen source
55+ components 42.3k
Room for your next idea.
Flowbite Svelte

Flowbite Svelte

Open-source Svelte components built on Flowbite and Tailwind CSS

ComponentsOpen source
60+ components 2.8k
Editor's pick

Lucide Svelte

Beautiful, consistent open-source icons for Svelte — 1,600+ icons and growing

IconsOpen source
1,600+ icons 24.4k

Phosphor Svelte

Flexible icon family for Svelte with six weights per icon

IconsOpen source
1,512+ icons 280
Room for your next idea.
Preline UI

Preline UI

Open-source Tailwind CSS components with optional Svelte integration and premium templates

ComponentsFreemium
80+ components 6.4k
YOUR NEXT BIG THING Create a workspace A fresh space for a fresh idea. Acme Studio ↵ Let's make it happen ↗
Editor's pick

shadcn-svelte

Beautifully designed components built with Bits UI and Tailwind CSS

ComponentsOpen source
50+ components 9.1k
✳Make it yours
A little personality. Your brand. Every little detail.
+
Looking good ↗
Editor's pick

Skeleton

A fully featured UI toolkit for Svelte and Tailwind CSS with powerful theming

ComponentsOpen source
50+ components 6.1k
Room for your next idea.
Smelte

Smelte

Material Design components for Svelte using Tailwind CSS

ComponentsOpen source
25+ components 1.5k
Room for your next idea.
SV Blocks

SV Blocks

Free, open-source page blocks for Svelte and Tailwind CSS

BlocksOpen source
150+ components 425
Room for your next idea.
SVAR Core for Svelte

SVAR Core for Svelte

Enterprise-grade UI widgets for Svelte with data-heavy components

ComponentsFreemium
30+ components 271
// Small pieces. Big possibilities.import {
  yourNextIdea
} from 'svelte-french-toast';
Ready when you are ↗

Svelte French Toast

Lightweight toast notifications for Svelte — inspired by react-hot-toast

UtilitiesOpen source
3+ components 1.1k
Room for your next idea.
Svelte Material UI

Svelte Material UI

A comprehensive Material Design component library for Svelte

Design systemOpen source
30+ components 3.4k
Room for your next idea.
Svelte UX

Svelte UX

Feature-rich Svelte component library with powerful data visualization and utility support

ComponentsOpen source
200+ components 1.1k
Room for your next idea.
SvelteBlocks

SvelteBlocks

Premium copy-paste blocks and sections for SvelteKit and Tailwind CSS

BlocksPremium
40+ components
Room for your next idea.
SvGrid

SvGrid

Svelte 5-native data grid — headless engine plus a drop-in render component

ComponentsFreemium
85+ components 177
SvelteKit UI

A little less searching. A lot more building.

AboutRSS feed PrivacyTerms
Made for the Svelte community ♡