跳到主要内容
挑组件 PickUIby JarinHe
专题登录

Svelte 组件库推荐

能直接用在 Svelte / SvelteKit 项目里的 UI 组件库。

共 5 个 · 由 JarinHe 人工挑选,附真实截图和点评

AWC UI

免费

一套代码跑遍五大框架的 MD3 组件库

喜欢 material design 风格的话 可以试试

JarinHe 的点评

最适合 通用基础组件 / 中后台MD3 · 跨框架

React / Angular / Vue / Svelte / HTML · Material官网

Canvas UI

免费

35 个复制即用的 canvas 特效组件

做艺术落地页可以看看👀

JarinHe 的点评

最适合 动效 & 微交互 / 落地页动效 · canvas

React / Vue / Svelte · [待确认]官网

Shaders

免费 + Pro

200+ 开源 WebGPU 特效组件

很多高级网站落地页 Hero 区域就用 shader

JarinHe 的点评

最适合 动效 & 微交互 / 落地页WebGPU · 特效组件

React / Vue / Svelte · [待确认]官网

Skeleton

免费

用设计令牌一键切换整套主题

Svelte 项目想快速换主题可以试试。

JarinHe 的点评

最适合 通用基础组件Tailwind 原生 · 主题生成器

Svelte / React · Tailwind官网

Svelte 版的 shadcn/ui

用 Svelte 又羡慕 shadcn 的,直接用这个。

JarinHe 的点评

最适合 通用基础组件Svelte 5 · 源码归你

Svelte · Bits UI · Tailwind官网

怎么选:5 个 Svelte 组件库速览

  1. AWC UI:一套代码跑遍五大框架的 MD3 组件库。适合多框架团队或企业中后台,想统一用一套 Material 3 组件。 免费
  2. Canvas UI:35 个复制即用的 canvas 特效组件。适合想给页面加创意动效的前端开发者。 免费 · MIT + Commons Clause
  3. Shaders:200+ 开源 WebGPU 特效组件。适合给落地页、品牌站加 WebGPU 视觉特效。 免费 + Pro · MIT
  4. Skeleton:用设计令牌一键切换整套主题。适合Svelte/React 项目,要带主题系统的组件底座。 免费 · MIT
  5. shadcn-svelte:Svelte 版的 shadcn/ui。适合Svelte 项目,想要 shadcn 同款的源码自有模式。 免费 · MIT