Tailwindcss3篇

动态配色方案：在 Next.js 中实现 Shadcn UI 主题色切换 4日前 评论 白雾茫茫丶
动态配色方案：在 Next.js 中实现 Shadcn UI 主题色切换

这篇文章介绍了如何在Next.js应用中实现动态主题色切换系统，以满足用户多样化的审美需求。文章首先提出了使用CSS自定义属性（CSS Variables）结合Shadcn UI设计系统架构来构建支持多套预设配色方案的主题切换方案。接着，推荐了TweakCN作为强大的主题编辑与生成工具，并详细说明了从选择配色方案到生成和导入CSS变量的步骤。此外，还通过zustand状态管理库保存和切换主题色状态，并提供了具体的代码示例，包括创建主题配色枚举、初始化主题色函数及创建主题切换按钮等。最后，展示了效果预览并总结了该方案的优势。
不只是作品集：用 Next.js 打造我的数字作品库 1周前 评论 白雾茫茫丶
不只是作品集：用 Next.js 打造我的数字作品库

这篇文章介绍了作者使用Next.js和Shadcn UI构建的一个个人作品信息展示模板。该模板设计简洁且结构清晰，适合直接使用或作为学习参考。作者在原有基础上进行了个性化调整，增加了交互细节和动画效果。文章还强调了开发者拥有一个统一技术身份的重要性，并详细列出了项目的技术栈、特性和环境变量配置，最后提供了在线预览链接和GitHub地址。