-
Spline —— 下一代3D设计与互动创作工具
在数字创意和交互式设计快速发展的今天，Spline 正逐渐成为设计师、开发者和创作者们的新宠。它是一款基于浏览器的 3D 设计与协作平台，无需复杂的软件安装，就能让用户快速上手 3D 建模、动画和交互设计，打破了传统 3D 工具学习曲线陡峭、门槛高的局限。 什么是 Spline？ Spline 是一款轻量级但功能强大的 实时 3D 设计工具。与 Blender、Maya 等专业 3D 软件不同，它…- 42
- 0
-
一款炫酷交互式卡片布局
在网页设计中，如何让内容展示更有趣、更吸引人？今天给大家推荐一份非常酷的开源前端示例，它可以实现点击卡片时动态扩展的视觉效果，适合做展示页、作品集或者首页模块。 这份源码非常适合前端爱好者学习 CSS Flex、过渡动画和简单 JS 事件控制 的结合使用，操作简单，但效果极具吸引力。 项目截图- 7
- 0
-
liquid-glass-react：打造苹果风格的液态玻璃 UI 效果
在苹果 iOS 26 的 UI 更新中，推出了令人惊艳的“液态玻璃”（Liquid Glass）视觉效果，界面元素呈现出类似磨砂玻璃的半透明、流动感十足的质感。如果你也想在 React 项目中实现这一效果，不妨试试开源库 liquid-glass-react。 项目概览 liquid-glass-react 是一个轻量级的 React 组件库，旨在为你的 UI 元素添加苹果风格的液态玻璃效果。它支…- 30
- 0
-
Shapes 2.0：设计师的 SVG 形状灵感库，助你灵动每个界面细节
在网页设计和原型制作过程中，小细节往往能提升整体美感，而 SVG 形状素材就是这些点睛之笔之一。如果你正想快速找到灵动又可叠加的图形片段，那么 Shapes 2.0 是你值得收藏的在线资源。 什么是 Shapes 2.0？ Shapes 2.0 是一个提供 120+ 可复制粘贴 SVG 形状 的在线素材平台，只需点击任意形状，即可将其 SVG 代码复制到剪贴板，迅速用于你的设计或项目中。 该项目由…- 6
- 0
-
UIBundle：设计师和产品开发者的创意百宝箱
在 UI/UX 设计、产品开发和原型制作的过程中，优质的设计资源能极大地提升效率与表现力。而 UIBundle（uibundle.com）就是这样一个宝贵的平台——无论你是设计新手还是资深从业者，它都能为你提供丰富的灵感与实用素材。 UIBundle 是什么？ UIBundle 是一个专门提供 UI 设计资源、字体、图标、原型文件 等的在线平台，聚合了来自全球独立创作者的优质素材，为你的设计项目提…- 0
- 0
-
daisyUI：Tailwind CSS 最好用的组件库
如果说 Tailwind CSS 是一个高效的原子化 CSS 工具库，那么 daisyUI 就是它的完美搭档。作为 Tailwind CSS 的插件，daisyUI 提供了丰富的现成 UI 组件，让你可以在保持 Tailwind 灵活性 的同时，快速构建漂亮的界面。 什么是 daisyUI？ daisyUI 是基于 Tailwind CSS 的开源组件库。它直接扩展了 Tailwind 的能力，内…- 0
- 0
-
Tailwind CSS：前端开发者必备的原子化 CSS 框架
在现代前端开发中，如何快速高效地写出可维护、可复用的样式，是每一位开发者都会面临的问题。传统的 CSS 写法容易冗余，组件库又可能过于臃肿。想要兼顾灵活与高效，Tailwind CSS 无疑是一个非常值得推荐的选择。 什么是 Tailwind CSS？ Tailwind CSS 是一个 功能类优先（Utility-First） 的 CSS 框架，它不同于传统的组件化框架（如 Bootstrap），…- 5
- 0
-
Framer Motion：让 React 动起来的动画利器
在前端开发中，动画不仅仅是“锦上添花”，更是提升用户体验和交互细节的关键。一个恰到好处的动效，能让页面显得灵动自然，也能有效传递信息。而在 React 生态中，最受欢迎的动画库之一，就是 Framer Motion。 什么是 Framer Motion？ Framer Motion 是一个 基于 React 的动画库，由 Framer 团队开发。它主打 易用性 和 流畅体验，开发者无需繁琐的动画曲…- 5
- 0
-
React Bits & Vue Bits：打造惊艳动画 UI 的神器
在前端开发中，UI 动画和交互动效往往是最能打动用户的部分。一个精致的过渡效果、一个灵动的文字动画，都能让界面瞬间“活起来”。最近我发现了两个非常值得推荐的开源项目 —— React Bits 和 Vue Bits，它们可以说是 React 和 Vue 开发者的“宝藏级”动画组件库。 项目特色 开源免费：由开发者 David Haz 维护，持续更新中。 高颜值动画：组件设计感强，非常适合展示页、作…- 10
- 0
-
使用 Three.js 实现炫酷的碎片化图片切换特效
前言 随着 WebGL 的普及，基于 Three.js 的 3D 特效逐渐成为前端开发者实现炫酷页面效果的利器。今天要分享的就是一个 碎片化图片切换特效 ——让图片在切换时像被打碎的玻璃一样飞散、融合，打造极具科技感的视觉体验。 为什么选择 Three.js？ Three.js 是一款基于 WebGL 的 JavaScript 3D 渲染引擎，具有以下优势： 强大渲染能力：支持 WebGL、Can…- 7
- 0
Ui
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×