22个实用的前端工具 给大家~

一、CSS产业布局计算机程序

Layout：https://layout.bradwoods.io/customize

它是两个通用型的 CSS 和 JSX 计算机程序，用作采用 CSS Grid 产业布局句法聚合相同种类的产业布局，任一修正 Grid 的特性，因此动态展现镜头，聚合相关联标识符。总之除了 Flex产业布局（但是那时还并非很健全）

二、Riju

Riju：https://riju.codes/

Riju是两个承继了224种词汇的新浪网标识符运行网络平台，极为简约，新浪网播放，极为所推荐

三、Whirl

Whirl：https://whirl.netlify.app/

Whirl 是两个CSS动画电影库，与其他的动画电影库不那样，它子集了108种

四、Pikaday

Pikaday：https://pikaday.com/

Pikaday 是两个年份示例，无倚赖、轻量（5k）、CSS模块化，样式也很简约，我特别喜欢，令人意外的是，它在Github上竟然斩获了7k+ Star

五、Tailwind Components

Tailwind Components：https://tailwindcomponents.com/

Tailwind Components 是两个 Tailwind UI 套件，这个网站是两个由社区贡献的各种 Tailwind 组件

六、Tail-Kit

Tail-Kit：https://www.tailwind-kit.com/

Tail-Kit 是第两个极为棒的 Tailwind UI组件库，它有超过250个开源组件，同时兼容 React、 Vue 和 Angular

七、tidy.js

tidy.js：https://pbeshai.github.io/tidy/

tidy.js 是两个用作处理数据相关的 JavaScript 库，它包括70多个相同类别的函数(整理、分组、数学、排序等等)

八、party.js

party.js：https://party.js.org/

party.js还蛮有意思的，你们应该见过很多博客网站，鼠标点击或拖动时会有很多炫酷的动效，这个库就是做这个的，你可以轻松地实现那些效果

九、AI去背景

baseline：https://baseline.is/tools/background-remover/

baseline 是一款免费的通过AI来去除图片背景的辅助工具网站，支持JPEG、PNG，最终会返回两个透明背景的PNG图片给你

十、Layout patterns

Layout patterns：https://web.dev/patterns/layout/

Layout patterns是 Google Developers 旗下开发者资源中新增的版块，里面列举了采用CSS构建产业布局UI，那时列举了11种产业布局~ 后续应该还会持续增加，探索更多可能，建议收藏

十一、Lowdefy

Lowdefy：https://lowdefy.com/

Lowdefy是两个开源的低标识符框架，通过 YAML 来轻松构建 web 应用、管理面板、 BI 仪表板、工作流和 CRUD 应用

十二、uncut

uncut：https://uncut.wtf/

uncut 是两个现代字体目录网站，重点是开源，可免费用作个人和商用，看了一下总共收录了90种字体，任君挑选~

十三、fetoolkit

fetoolkit：https://www.fetoolkit.io/

fetoolkit是两个后端开发辅助工具箱，收录了20多种编码、图片相关的辅助工具，包括 CSS、 JSON、图标、 SVG、图像压缩、 npm、 regex 等辅助工具

十四、Unicode Arrows

Unicode Arrows：https://unicodearrows.com/

Unicode Arrows是两个收录了各式各样的箭头相关的十六进制标识符

十五、components AI

components AI：https://components.ai/

components AI 是两个主题构建器，包括句法高亮计算机程序、渐变、阴影辅助工具、SVG 图案计算机程序、动画电影背景等等，全部都可以新浪网调试，极为好用

十六、Glitter

Glitter：https://wh0.github.io/glitter/

Glitter是两个荧光字体计算机程序，项目不复杂，但很好看，我们可以随意修正文本，最后导出SVG

十七、Iconduck

Iconduck：https://iconduck.com/

Iconduck 是两个开源icon网站，拥有超过100,000个图标，可以通过关键字搜索，因此都可以在商业项目中采用

十八、pattern-generator

pattern-generator：https://doodad.dev/pattern-generator/

pattern-generator是两个帮助你聚合背景图片的网站，就几十种图案可选，而且每种图案里的元素都可以通过交互按钮任一修正，最后可以导出 JPEG、 PNG、SVG 、CSS背景标识符，也支持退出后恢复上一次操作的内容

十九、buttons-generator

buttons-generator：https://markodenic.com/tools/buttons-generator/

buttons-generator 是两个包含了很多种交互形式以及样式的按钮的网站，大概有**120+**种，对于有自定义按钮需求的小伙伴可以作参考

二十、Coding Fonts

Coding Fonts：https://coding-fonts.css-tricks.com/fonts/hack/?language=html&theme=dark

Coding Fonts 是收集了45种标识符字体的网站，大部分都是免费的，总之也有收费的，可以选个心仪的放到自己的编辑器里去（小声bb一句，我还是最喜欢JetBrains Mono，免费又好看）

二十一、svgrepo

svgrepo：https://www.svgrepo.com/

svgrepo 是两个 SVG 图标库，坐拥 300,000 +免费采用的SVG图标，大部分也都是可以商用的。网站支持搜索，无需登录即可收藏（可能是存的localstorage）~

二十一、maplibre

maplibre：https://maplibre.org/

maplibre 是两个JavaScript世界地图库，开箱即用，同时也支持了IOS和Android的SDK

二十二、Dopefolio

Dopefolio：https://github.com/rammcodes/Dopefolio

Dopefolio是两个开箱即用的官网页面计算机程序，没有倚赖一堆的三方开源库，全部是纯HTML、CSS，所以SEO做的极为好，Lighthouse分数也很高，同时支持页面响应式。有官网页面需求的小伙伴可以尝试采用

往期干货：

 26个经典微信小程序+35套微信小程序源码+微信小程序合集源码下载（免费）

 干货~~~2021最新后端学习视频~~速度领取

后端书籍-后端290本高清pdf电子书打包下载

点赞和在看就是最大的支持❤️