前端资源

• 你不需要 JS

• JavaScript 测试最佳实践

• Webpack 开发服务器的 CLI 仪表板

• stackblitz/

• 几分钟内即可构建终端风格的网站！

• 2024 年 20 个精美的登陆页面网页设计

• 3D web

• 构建现代化的UI

• 使用这些视觉指南速查表来理解 React Hooks

• Hidden Gems of Tailwind CSS 技巧

• 即插即用、零配置、跨浏览器扩展开发工具。

• 精选的10,000多个免费代码片段

• *瀑布流前端

• 帮助我们发明 CSS Grid Level 3，又称“Masonry”布局

• CSS 网格最佳实践：带示例的指南

• 8 Frontend Tools to Become a Better Developer

• Pragmatic Drag and Drop

• 2024年最新超详细的前端学习路线

• 🤖 AI Front-End Code Generator

• awesome-ai-frontend

• System Design: The complete course

• 每个 Web 开发人员至少应该查看的 10 个网站

• Runkit!

React

• Top 6 React Hook Mistakes Beginners Make

Remix

• remix-saas.fly/

tailwind

• tailwind-generator
• tails-components
• TailwindCSS page generator
• Pine Tailwind and Alpine
• 9 Tailwind CSS Hover Effects Examples 2024
• merakiui
• 梯度渐变背景
• tailwind 工具

UI

• The Largest Library of Open-Source UI
• story UI
• Frontend Libraries for Your Next Project
• UI library for Design Engineers
• flyonui
• 生成代码图片

练习

• 前端代码练习
• taillwind play

NextJs

• 让您的 Next.js 应用获得最佳性能
• nextjs landingpage

CSS

• 编写优秀 CSS 的意见
• 15 Useful CSS Properties You Should Know About 🎨

模板

• Open-source Astro website template
• daisyui模板
• next blog

字体

• diff