前

前端资源 V2！🚀

2025-05-27

前端资源 V2！🚀

🚀 利用这些资源加速你的开发！🚀

👋 大家好！👋

由于我之前关于前端资源的文章反响热烈，我决定创建一个更新版本。这次，我不仅收录了之前分享的所有工具和库，还收录了之后发现的一系列新资源。

这个合集包含了各种各样的工具，涵盖了从构建精美的用户界面到微调性能等等的方方面面。这些资源在我的项目中发挥了巨大的作用，我很高兴与大家分享。希望它们对你们也能像对我一样有用！

欢迎分享你正在使用或感兴趣的其他资源——我很乐意将它们添加到列表中！让我们开始吧！

用户界面：

  • Material Tailwind：结合了 Material Design 和 Tailwind CSS 的强大 UI 套件
  • MiracleUI：纯 CSS 构建且可定制的组件
  • Bentoed：html/css/tailwind 便当目录
  • Aceternity UI：为您的下一个项目提供时尚现代的 UI 组件
  • NextUI：使用 NextUI 轻松制作精美的界面
  • ChakraUI：一个简单、模块化且易于访问的组件库
  • 交易视图图表：使用 TradingView 的轻量级图表增强您的数据可视化游戏
  • AutoAnimate：使用 AutoAnimate 轻松创建令人惊叹的动画
  • React-magic-motion：为你的 React 组件添加一点魔力
  • 保持 React：保持你的 React 组件新鲜和时尚
  • Daisy UI：使用 Daisy UI 创建令人愉悦的界面
  • ShadCn：使用时尚优雅的组件提升您的 UI
  • 剪辑路径：使用 Clippy 发挥创意
  • Radix：使用 Radix 构建强大且可组合的 UI
  • 布局生成器：轻松设计灵活的布局
  • 实用程序：用于渐变、光标等的便捷工具包
  • 图像生成器：立即使用高质量图像修饰您的设计
  • 按钮：用按钮风格装饰你的 UI
  • PrimeReact：适用于您的 React 应用程序的主要组件
  • 一页包含所有内容：探索精选资源
  • Beer CSS：基于 Material Design 3 的语义 HTML CSS 框架。

渐变：

  • Firecms：为您的项目提供动态渐变
  • Shadergradient：轻松创建令人惊叹的着色器渐变。
  • MSHR：434 个原始 CSS 网格渐变的集合，可供您在任何项目中免费使用。

SVG：

  • 形状：适合您设计的精美 SVG 形状
  • SVG：探索丰富的 SVG 集合
  • SVG 插图：使用 Undraw 的插图为您的项目增添活力
  • 旗帜：250 多个开源旗帜图标可用于您的设计工具或代码项目

图标：

其他的：

顺风：

  • 动画：使用 Tailwind CSS 动画为您的 UI 增添光彩
  • 交叉口观察器：Tailwind CSS Intersect 用于观察交叉口
  • 背景：轻松美化你的背景
  • Bentoed：html/css/tailwind 便当目录

JavaScript：

反应：

动画

文章来源：https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj
Devto 翻译
PREV
在新西兰的货车上编写代码
NEXT
前端资源！🚀