Web Tools 周刊 #563 （框架，JSON / DB，Vue）

现在，让我们进入本周的工具！

Web框架

Franken UI — 一个无障碍、HTML优先、与框架无关的、设计精美的组件库，灵感来自shadcn/ui，并基于Tailwind，与Uikit 3兼容。

DesignSystemHunt — 一个可搜索的资源，用于探索并从流行品牌（Instagram，Adobe，Wix等）构建的设计系统中获取灵感。

2024年完整的JavaScript课程 —一门最新的课程，包含超过68小时的高清视频，介绍了现代和经典JavaScript特性，并指导你构建6个精美的实际项目。    赞助

全栈FastAPI — 一个使用基于Python的FastAPI、React、Docker Compose、PostgreSQL等构建项目的全栈起始模板。

Kotekan —一个构建在Bun基础上的全栈React框架，利用React Server Components的最新功能，并尽可能少地在React上执行额外的工作。

SaaSKits — 用于构建SaaS产品的经过实战考验的样板，使用Remix、Stripe、Prisma、Resend等构建的，以及其他快速构建产品所必需的功能。

Atlassian设计系统 — Atlassian团队的官方设计系统，包括令牌、组件、模式和其他资源。

rafty/ui —一个Tailwind和React库，用于构建响应式和易于访问的UI组件，精心设计，与您的应用程序设计系统完美配合。

kickstartDS — 一个低代码框架、UI开发工具包和全面的组件库，使数字团队能够创建自己的设计系统。

Node-Typescript-Boilerplate — 一个用TypeScript编写的用于微服务的Node.js应用程序的骨架项目，包括ESLint、Prettier和Husky。

JSON工具、数据库等

react-json-view-lite — 一个用于在React中将JSON渲染为树形结构的微小组件，着重考虑到大型JSON输入的性能和功能的平衡。

go-mysql-server — 一种数据源无关的SQL引擎和服务器，它使用你提供的数据源，在MySQL方言和协议的基础上运行查询。

Vue Color Wheel - Vue的颜色选择器，构建于Vite和Vue 3之上，通过视觉上展示不同颜色之间的关系，帮助选择协调的设计配色方案。

vue-metamorph - 一个带有内置CLI和脚手架工具的Vue项目的codemod框架，允许您进行基于AST的代码操作，支持Vue SFC、JavaScript、TypeScript、CSS和SCSS。

NuxtHub - Nuxt的部署和管理平台，由Cloudflare驱动，可在您的Cloudflare帐户上零配置地部署Nuxt应用程序，并提供数据库、键值存储和Blob存储。

Nuxt API Party - 一个用于安全连接任何API的Nuxt模块，带有服务器代理和生成的可组合函数。

🎹 STRICH – Web应用程序的条形码扫描 - STRICH为Web提供快速可靠的1D/2D条形码扫描。您无需原生应用程序即可扫描条形码！免费演示，30天试用。    赞助

nuxt-shiki - 一个由Nuxt和Shiki提供支持的语法高亮器，具有可配置的主题和语言，以及完全懒加载和自动高亮代码的功能。

VueFire - Vue.js的官方Firebase绑定，包括实时数据和其他Firebase服务的符合习惯用法的可组合函数。

Pruvious - 一个将您的应用程序转变为强大的CMS的Nuxt模块，包括数据库模型、文件管理、仪表盘、块组件、身份验证、翻译、缓存等功能。

Nuxt Templates - 一个由社区驱动的Nuxt项目模板目录，可快速启动和运行。

文章翻译自：Web Tools Weekly Issue #563 (Support, Frameworks, JSON/DB, Vue)