原生 JS

手工严选收录的 24 个 原生 JS 相关开源 UI 库、交互组件与设计工程实践,支持完整组件清单预览与代码检索。

motion-panels — 基于 Motion 驱动的高性能可调节分栏面板,支持物理阻尼吸附与丝滑折叠动效。

motion-panels输入控件

基于 Motion 驱动的高性能可调节分栏面板,支持物理阻尼吸附与丝滑折叠动效。

Trellis — 支持无限层级分形嵌套、平滑缩放与持久挂载视图的高性能 Web 停靠工作区布局引擎。

Trellis输入控件

支持无限层级分形嵌套、平滑缩放与持久挂载视图的高性能 Web 停靠工作区布局引擎。

Torph — 零依赖的高性能文本与数字变形动画组件,支持 React、Vue 与 Svelte。

Torph文本与排版

零依赖的高性能文本与数字变形动画组件,支持 React、Vue 与 Svelte。

Typehug — 智能注入不换行空格(NBSP),自动消除网页孤字折行、保护单位与引用格式的排版引擎。

Typehug文本与排版

智能注入不换行空格(NBSP),自动消除网页孤字折行、保护单位与引用格式的排版引擎。

Annnimate — 基于 GSAP 打造的生产级动效组件与丝滑视差滚动交互库。

Annnimate合集与套件

基于 GSAP 打造的生产级动效组件与丝滑视差滚动交互库。

Colorion Text Effects — 收录海量动态文字特效、动力学排版预设与即拷即用的纯 CSS 文字动效配方。

Colorion Text Effects文本与排版

收录海量动态文字特效、动力学排版预设与即拷即用的纯 CSS 文字动效配方。

daisyUI — 广受欢迎的 Tailwind CSS 语义化类名组件库,内置丰富的主题切换系统。

daisyUI合集与套件

广受欢迎的 Tailwind CSS 语义化类名组件库,内置丰富的主题切换系统。

Easing Wizard — 专为现代 CSS 动画量身打造的可视化弹簧物理模拟器与缓动曲线生成器。

Easing Wizard合集与套件

专为现代 CSS 动画量身打造的可视化弹簧物理模拟器与缓动曲线生成器。

Flowbite — 生态成熟完备的开源 Tailwind CSS 组件库,深度支持 React、Vue 与 Svelte。

Flowbite合集与套件

生态成熟完备的开源 Tailwind CSS 组件库,深度支持 React、Vue 与 Svelte。

FlyonUI — 面向 Tailwind CSS v4 打造的无障碍、语义化类名全套组件库。

FlyonUI合集与套件

面向 Tailwind CSS v4 打造的无障碍、语义化类名全套组件库。

GSAP — 业界标杆级、极高运行性能的专业 JavaScript 时间轴动画核心引擎。

GSAP合集与套件

业界标杆级、极高运行性能的专业 JavaScript 时间轴动画核心引擎。

HyperUI — 面向营销页面、电子商务与中后台界面的免费开源 Tailwind CSS 组件集。

HyperUI合集与套件

面向营销页面、电子商务与中后台界面的免费开源 Tailwind CSS 组件集。

Lottie — 基于 JSON 格式的高性能轻量矢量动画标准格式与跨平台运行时。

Lottie合集与套件

基于 JSON 格式的高性能轻量矢量动画标准格式与跨平台运行时。

morphicons — 基于弹簧物理学的高品质矢量图标形状平滑形变动效动画库。

morphicons合集与套件

基于弹簧物理学的高品质矢量图标形状平滑形变动效动画库。

Oneko — 随鼠标指针灵动追逐嬉戏的经典复古像素猫桌面伙伴 Web 组件。

Oneko合集与套件

随鼠标指针灵动追逐嬉戏的经典复古像素猫桌面伙伴 Web 组件。

Rive — 基于状态机与紧凑运行时驱动的跨平台实时交互矢量动效平台。

Rive合集与套件

基于状态机与紧凑运行时驱动的跨平台实时交互矢量动效平台。

textmotion — 零依赖、超轻量的纯物理文本字符翻滚与排版动力学动画原语。

textmotion文本与排版

零依赖、超轻量的纯物理文本字符翻滚与排版动力学动画原语。

Theatre.js — 专为 DOM、Three.js 与 WebGL 打造的可视化时间轴动效定序器与编排工作室。

Theatre.js合集与套件

专为 DOM、Three.js 与 WebGL 打造的可视化时间轴动效定序器与编排工作室。

Transitions — 精选现代 CSS 动画过渡配方、自定义贝塞尔缓动曲线与动效实验场。

Transitions合集与套件

精选现代 CSS 动画过渡配方、自定义贝塞尔缓动曲线与动效实验场。

Velora UI — 专为快速 Web 原型打造的免费 Tailwind CSS 基础组件与整页切片。

Velora UI合集与套件

专为快速 Web 原型打造的免费 Tailwind CSS 基础组件与整页切片。

Ambient CSS — 以物理光照驱动的 CSS 影调系统:定义一盏光源,阴影、高光与表面渐变随之自适应生成,基于 Blender 光线追踪校准,纯 box-shadow 渲染。

Ambient CSS合集与套件

以物理光照驱动的 CSS 影调系统:定义一盏光源,阴影、高光与表面渐变随之自适应生成,基于 Blender 光线追踪校准,纯 box-shadow 渲染。

Drawably — 纯手绘涂鸦风 UI 控件库:每次装载均基于随机种子生成独一无二的钢笔草图笔触,自带微摇沸腾动效,零外部依赖。

Drawably合集与套件

纯手绘涂鸦风 UI 控件库:每次装载均基于随机种子生成独一无二的钢笔草图笔触,自带微摇沸腾动效,零外部依赖。

DialKit — 在运行中实时微调界面的交互控制台:直接在页面上调整数值、比对多套参数变体并编辑弹簧动画时序。

DialKit输入控件

在运行中实时微调界面的交互控制台:直接在页面上调整数值、比对多套参数变体并编辑弹簧动画时序。

crd-ui — 极具质感的支付表单银行卡交互组件:支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖,统一支持 React/Vue/Svelte/原生 JS。

crd-ui输入控件

极具质感的支付表单银行卡交互组件:支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖,统一支持 React/Vue/Svelte/原生 JS。