UIPicks UI 参考库
← 全部 AI 参考来源

UI 组件库

Svelte Bits

面向 Svelte 的创意动效组件与背景，支持定制与复制代码。

进入原站读取本页 JSON

官方公开目录（官网文档受限） · 2026-10-14。按官方分类、slug 函数与 IMPLEMENTED_DEMOS 交集提取已经实现的组件，排除未实现占位；保留对应官方源码。

资源与访问条件

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 165 条记录，本页显示 81–160 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

  1. Spotlight Card

    组件示例 · 具体条目入口 · Svelte

    相关词：卡片

    发布者公开目录数据2026-10-14

  2. Border Glow

    组件示例 · 具体条目入口 · Svelte

    相关词：发光、光晕

    发布者公开目录数据2026-10-14

  3. Flying Posters

    组件示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  4. Card Swap

    组件示例 · 具体条目入口 · Svelte

    相关词：卡片

    发布者公开目录数据2026-10-14

  5. Glass Icons

    组件示例 · 具体条目入口 · Svelte

    相关词：图标

    发布者公开目录数据2026-10-14

  6. Decay Card

    组件示例 · 具体条目入口 · Svelte

    相关词：卡片

    发布者公开目录数据2026-10-14

  7. Flowing Menu

    组件示例 · 具体条目入口 · Svelte

    相关词：菜单

    发布者公开目录数据2026-10-14

  8. Elastic Slider

    组件示例 · 具体条目入口 · Svelte

    相关词：滑块、滑杆

    发布者公开目录数据2026-10-14

  9. Counter

    组件示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  10. Infinite Menu

    组件示例 · 具体条目入口 · Svelte

    相关词：菜单

    发布者公开目录数据2026-10-14

  11. Stepper

    组件示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  12. Bounce Cards

    组件示例 · 具体条目入口 · Svelte

    相关词：卡片

    发布者公开目录数据2026-10-14

  13. Liquid Ether

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  14. Prism

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  15. Dark Veil

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  16. Light Pillar

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  17. Silk

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  18. Floating Lines

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  19. Light Rays

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  20. Pixel Blast

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  21. Color Bends

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  22. Evil Eye

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  23. Line Waves

    效果示例 · 具体条目入口 · Svelte

    相关词：折线、线条

    发布者公开目录数据2026-10-14

  24. Radar

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  25. Soft Aurora

    效果示例 · 具体条目入口 · Svelte

    相关词：极光、渐变背景

    发布者公开目录数据2026-10-14

  26. Aurora

    效果示例 · 具体条目入口 · Svelte

    相关词：极光、渐变背景

    发布者公开目录数据2026-10-14

  27. Plasma

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  28. Plasma Wave

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  29. Particles

    效果示例 · 具体条目入口 · Svelte

    相关词：粒子

    发布者公开目录数据2026-10-14

  30. Gradient Blinds

    效果示例 · 具体条目入口 · Svelte

    相关词：渐变

    发布者公开目录数据2026-10-14

  31. Grainient

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  32. Grid Scan

    效果示例 · 具体条目入口 · Svelte

    相关词：网格

    发布者公开目录数据2026-10-14

  33. Beams

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  34. Pixel Snow

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  35. Lightning

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  36. Prismatic Burst

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  37. Galaxy

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  38. Dither

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  39. Faulty Terminal

    效果示例 · 具体条目入口 · Svelte

    相关词：终端

    发布者公开目录数据2026-10-14

  40. Ripple Grid

    效果示例 · 具体条目入口 · Svelte

    相关词：网格、涟漪、波纹

    发布者公开目录数据2026-10-14

  41. Dot Grid

    效果示例 · 具体条目入口 · Svelte

    相关词：网格

    发布者公开目录数据2026-10-14

  42. Threads

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  43. Hyperspeed

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  44. Iridescence

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  45. Waves

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  46. Grid Distortion

    效果示例 · 具体条目入口 · Svelte

    相关词：网格

    发布者公开目录数据2026-10-14

  47. Ballpit

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  48. Orb

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  49. Letter Glitch

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  50. Grid Motion

    效果示例 · 具体条目入口 · Svelte

    相关词：网格、动画、动效

    发布者公开目录数据2026-10-14

  51. Liquid Chrome

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  52. Balatro

    效果示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  53. Paper Crumple

    交互组件示例 · 具体条目入口 · Svelte

    相关词：抽屉、面板、拖拽、拖动、三维、3D、图片

    发布者公开目录数据2026-10-14

  54. Tear Ticket

    交互组件示例 · 具体条目入口 · Svelte

    相关词：悬停、鼠标悬停、三维、3D

    发布者公开目录数据2026-10-14

  55. Flip Card

    交互组件示例 · 具体条目入口 · Svelte

    相关词：卡片、光标、鼠标、指针、翻转、拖拽、拖动、三维、3D

    发布者公开目录数据2026-10-14

  56. Branched Menu

    交互组件示例 · 具体条目入口 · Svelte

    相关词：折线、线条、菜单

    发布者公开目录数据2026-10-14

  57. Folder Float

    交互组件示例 · 具体条目入口 · Svelte

    相关词：悬停、鼠标悬停、文件夹

    发布者公开目录数据2026-10-14

  58. Refine Frame

    交互组件示例 · 具体条目入口 · Svelte

    相关词：模糊

    发布者公开目录数据2026-10-14

  59. Thought Line

    交互组件示例 · 具体条目入口 · Svelte

    相关词：折线、线条、模糊

    发布者公开目录数据2026-10-14

  60. Voice Pill

    交互组件示例 · 具体条目入口 · Svelte

    相关词：按钮

    发布者公开目录数据2026-10-14

  61. Slosh Gauge

    交互组件示例 · 具体条目入口 · Svelte

    相关词：滑块、滑杆

    发布者公开目录数据2026-10-14

  62. Prompt Bar

    交互组件示例 · 具体条目入口 · Svelte

    相关词：菜单、聊天、对话、箭头

    发布者公开目录数据2026-10-14

  63. Swipe Toast

    交互组件示例 · 具体条目入口 · Svelte

    相关词：消息提示、轻提示、悬停、鼠标悬停、滑动、手势

    发布者公开目录数据2026-10-14

  64. Sling Button

    交互组件示例 · 具体条目入口 · Svelte

    相关词：按钮

    发布者公开目录数据2026-10-14

  65. Bell Toggle

    交互组件示例 · 具体条目入口 · Svelte

    相关词：切换、开关、模糊、铃铛、通知

    发布者公开目录数据2026-10-14

  66. Call Chip

    交互组件示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  67. Status Mark

    交互组件示例 · 具体条目入口 · Svelte

    相关词：进度条、智能体、勾选、成功

    发布者公开目录数据2026-10-14

  68. Glide Select

    交互组件示例 · 具体条目入口 · Svelte

    相关词：选择器、下拉选择、菜单、悬停、鼠标悬停

    发布者公开目录数据2026-10-14

  69. Swipe Row

    交互组件示例 · 具体条目入口 · Svelte

    相关词：列表、揭示、出现、入场、滑动、手势

    发布者公开目录数据2026-10-14

  70. Jelly Radio

    交互组件示例 · 具体条目入口 · Svelte

    相关词：单选框、交错、逐个出现

    发布者公开目录数据2026-10-14

  71. Comet Dial

    交互组件示例 · 具体条目入口 · Svelte

    发布者公开目录数据2026-10-14

  72. Wake Slider

    交互组件示例 · 具体条目入口 · Svelte

    相关词：滑块、滑杆、拖拽、拖动

    发布者公开目录数据2026-10-14

  73. Code Slots

    交互组件示例 · 具体条目入口 · Svelte

    相关词：输入框

    发布者公开目录数据2026-10-14

  74. Dodge Field

    交互组件示例 · 具体条目入口 · Svelte

    相关词：指针、鼠标、首页、房子

    发布者公开目录数据2026-10-14

  75. Lattice Loader

    交互组件示例 · 具体条目入口 · Svelte

    相关词：加载、加载动画、智能体、勾选、成功、关闭、叉号

    发布者公开目录数据2026-10-14

  76. Scrub Field

    交互组件示例 · 具体条目入口 · Svelte

    相关词：打字机、打字、拖拽、拖动

    发布者公开目录数据2026-10-14

  77. Fuse Button

    交互组件示例 · 具体条目入口 · Svelte

    相关词：按钮

    发布者公开目录数据2026-10-14

  78. Warm Tooltip

    交互组件示例 · 具体条目入口 · Svelte

    相关词：提示、气泡、工具提示

    发布者公开目录数据2026-10-14

  79. Slide Commit

    交互组件示例 · 具体条目入口 · Svelte

    相关词：加载、转圈、首页、房子

    发布者公开目录数据2026-10-14

  80. Rubber Segment

    交互组件示例 · 具体条目入口 · Svelte

    相关词：拖拽、拖动

    发布者公开目录数据2026-10-14