Svelte Bits

资源与访问条件

• 已收录的参考资源

  Web · 组件代码 · Svelte · 未确认

  • saved · 2026-10-13：已收录的官网用途说明与标签：面向 Svelte 的创意动效组件与背景，支持定制与复制代码。

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

目录入口

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

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

1. Svelte Bits · Svelte 动效组件库

   集合 · 集合或类目入口，非独立案例 · Svelte

   相关词：Svelte Bits、Svelte 动效组件库、Svelte

   官网公开导航与用途说明2026-10-13

2. New Component DotField

   组件 · 具体条目入口 · Svelte

   官网公开导航与用途说明2026-10-13

3. Backgrounds ShapeGrid

   组件 · 具体条目入口 · Svelte

   官网公开导航与用途说明2026-10-13

4. Components Dock

   组件 · 具体条目入口 · Svelte

   官网公开导航与用途说明2026-10-13

5. Split Text

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

   相关词：文字、文本

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

6. Blur Text

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

   相关词：模糊、文字、文本

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

7. Circular Text

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

   相关词：环形、圆形、文字、文本

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

8. Masked Heading

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

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

9. Text Type

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

   相关词：文字、文本

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

10. Shuffle

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

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

11. Shiny Text

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

    相关词：文字、文本

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

12. Text Pressure

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

    相关词：文字、文本

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

13. Curved Loop

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

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

14. Fuzzy Text

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

    相关词：文字、文本

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

15. Gradient Text

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

    相关词：渐变、文字、文本

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

16. Falling Text

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

    相关词：文字、文本

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

17. Text Cursor

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

    相关词：光标、鼠标、指针、文字、文本

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

18. Decrypted Text

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

    相关词：文字、文本

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

19. True Focus

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

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

20. Scroll Float

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

    相关词：滚动

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

21. Scroll Reveal

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

    相关词：滚动、揭示、出现、入场

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

22. ASCII Text

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

    相关词：文字、文本

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

23. Scrambled Text

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

    相关词：文字、文本

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

24. Rotating Text

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

    相关词：文字、文本

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

25. Glitch Text

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

    相关词：文字、文本

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

26. Scroll Velocity

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

    相关词：滚动

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

27. Variable Proximity

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

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

28. Count Up

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

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

29. Animated Content

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

    相关词：动画、动效

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

30. Fade Content

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

    相关词：淡入、淡出

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

31. Electric Border

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

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

32. Orbit Images

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

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

33. Pixel Transition

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

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

34. Glare Hover

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

    相关词：悬停、鼠标悬停、反光、高光

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

35. Antigravity

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

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

36. Logo Loop

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

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

37. Target Cursor

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

    相关词：光标、鼠标、指针

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

38. Magic Rings

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

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

39. Laser Flow

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

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

40. Magnet Lines

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

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

41. Ghost Cursor

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

    相关词：光标、鼠标、指针

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

42. Gradual Blur

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

    相关词：模糊

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

43. Click Spark

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

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

44. Cursor Grid

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

    相关词：网格、光标、鼠标、指针

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

45. Scroll Expand

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

    相关词：滚动

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

46. Magnet

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

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

47. Sticker Peel

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

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

48. Pixel Trail

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

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

49. Cubes

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

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

50. Metallic Paint

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

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

51. Noise

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

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

52. Shape Blur

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

    相关词：模糊

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

53. Crosshair

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

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

54. Image Trail

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

    相关词：图片

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

55. Ribbons

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

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

56. Splash Cursor

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

    相关词：光标、鼠标、指针

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

57. Meta Balls

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

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

58. Blob Cursor

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

    相关词：光标、鼠标、指针

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

59. Star Border

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

    相关词：星星、收藏

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

60. Animated List

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

    相关词：列表、动画、动效

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

61. Scroll Stack

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

    相关词：滚动

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

62. Bubble Menu

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

    相关词：菜单

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

63. Magic Bento

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

    相关词：模块化布局、格子、卡片

    已核验画面：Bento 功能网格、深色、简洁留白 · 2026-10-18

    标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。

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

64. Circular Gallery

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

    相关词：环形、圆形、画廊、图片展示

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

65. Reflective Card

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

    相关词：卡片

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

66. Card Nav

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

    相关词：卡片

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

67. Stack

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

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

68. Pill Nav

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

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

69. Tilted Card

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

    相关词：卡片

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

70. Masonry

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

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

71. Glass Surface

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

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

72. Dome Gallery

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

    相关词：画廊、图片展示

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

73. Chroma Grid

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

    相关词：网格

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

74. Folder

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

    相关词：文件夹

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

75. Staggered Menu

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

    相关词：菜单

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

76. Model Viewer

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

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

77. Profile Card

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

    相关词：卡片

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

78. Gooey Nav

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

    相关词：液态、融合、形变

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

79. Pixel Card

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

    相关词：卡片

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

80. Carousel

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

    相关词：轮播、轮播图

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