小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

Fonttrio is an open-source font pairing registry designed for shadcn/ui projects, featuring 49 curated font combinations that can be installed via a single command. Developed by Dima Kapish, it...

Fonttrio Launches as Open-Source Font Pairing Registry for shadcn/ui

InfoQ
InfoQ · 2026-05-09T09:46:00Z
How to Build an Admin Dashboard Sidebar with shadcn/ui and Base UI

Admin dashboards are one of the most common real-world UI components you will build as a React developer. At the heart of nearly every dashboard is a sidebar, a persistent navigation panel that organi

How to Build an Admin Dashboard Sidebar with shadcn/ui and Base UI

freeCodeCamp.org
freeCodeCamp.org · 2026-04-14T16:25:08Z
如何使用Shadcn/ui构建动态标签组件

本文介绍了如何使用Shadcn/ui和Framer Motion构建动态标签组件,包含平滑动画效果,如春季动画指示器和堆叠卡片。教程涵盖组件结构、数据类型定义和状态管理,最终实现可重用的标签组件,提升用户体验。

如何使用Shadcn/ui构建动态标签组件

freeCodeCamp.org
freeCodeCamp.org · 2026-03-30T14:17:26Z
Shadcn发布可视化项目构建工具

Shadcn推出了一款可视化项目构建工具,支持Next.js和Vite等框架,允许开发者在编码前自定义项目设置。该工具提供实时预览、主题配置和组件选择,简化开发流程,并提供定制的shadcn create命令,提高设计系统搭建效率。

Shadcn发布可视化项目构建工具

InfoQ
InfoQ · 2026-02-13T08:30:00Z
如何使用 shadcn/ui 和 TanStack Start 构建管理仪表板

本文介绍了如何使用shadcn/ui和TanStack Start构建功能丰富的管理仪表板,包括仪表板布局、统计主页、产品页面和设置页面,采用React、TypeScript和TailwindCSS。通过TanStack Query和Table实现数据管理和表格渲染,确保类型安全和高效处理数据。

如何使用 shadcn/ui 和 TanStack Start 构建管理仪表板

freeCodeCamp.org
freeCodeCamp.org · 2025-12-04T16:57:05Z
如何在shadcn中设置注册表

本文介绍了在shadcn中设置注册表的方法,包括创建配置文件、添加组件和使用命名空间。注册表帮助开发者管理和共享可重用组件,确保代码整洁并有效管理依赖关系,同时讨论了身份验证方法和CLI命令,以便于资源的安装和管理。

如何在shadcn中设置注册表

freeCodeCamp.org
freeCodeCamp.org · 2025-10-27T14:27:20Z

shadcn 在一年内新增了支持第三方 registry 的 add 和 build 命令。add 命令简化了组件共享流程,允许指定组件地址;build 命令生成 registry.json,便于组件库的使用与共享。开发者可以快速创建和发布组件库。

如何开发自己的一个 shadcn 组件

icodex - 个人网站
icodex - 个人网站 · 2025-07-27T00:00:00Z
如何使用shadcn/ui制作下拉菜单

本文介绍了如何使用shadcn/ui构建下拉菜单,兼容Tailwind CSS和Radix UI,适用于React和Next.js。提供了项目初始化、下拉组件添加、模块导入、样式设计和响应式布局的逐步指南。shadcn/ui使下拉菜单易于使用且具备良好的可访问性,适合多种应用场景。

如何使用shadcn/ui制作下拉菜单

freeCodeCamp.org
freeCodeCamp.org · 2025-07-17T21:02:46Z
Open SASS 与 ShadCN UI ⚔️

Shadcn UI 受限于 React 生态,灵活性和模块化不足;而 Open SASS 提供跨框架、快速且可扩展的解决方案,支持多平台,性能显著提升,适合未来开发需求。

Open SASS 与 ShadCN UI ⚔️

DEV Community
DEV Community · 2025-04-23T10:27:27Z
为什么按钮失去了手型光标?ShadCN与Tailwind的争论

开发者发现ShadCN v4和Tailwind CSS v4中的按钮在悬停时不再显示手型光标,这一设计选择打破了用户的预期。虽然在GitHub上提出了问题,但并非bug。用户可以通过自定义CSS恢复光标变化,期望所有可点击元素都有此效果。

为什么按钮失去了手型光标?ShadCN与Tailwind的争论

DEV Community
DEV Community · 2025-04-21T23:37:13Z
使用Next.js和Shadcn构建消费API的Web应用

本文介绍了如何使用Next.js和Shadcn构建带侧边栏的仪表板布局,并实现登录页面。通过pnpm安装所需组件,使用React和Zod进行表单验证,以确保用户输入有效。

使用Next.js和Shadcn构建消费API的Web应用

DEV Community
DEV Community · 2025-04-07T14:13:37Z
🚀 Vite + Shadcn + Tailwind + React + TypeScript + 启动工具包

该启动工具包提供了基于Vite、Shadcn、Tailwind CSS、React、TypeScript和React Router的现代Web应用程序设置,简化配置,支持快速开发和可维护代码,适合新项目构建。

🚀 Vite + Shadcn + Tailwind + React + TypeScript + 启动工具包

DEV Community
DEV Community · 2025-03-31T12:51:45Z
使用NextJS、Tailwind v4和Shadcn(React 19)创建Turborepo

Turborepo是Vercel开发的构建工具,旨在优化JavaScript和TypeScript的单体仓库管理。其主要特点包括增量缓存、并行执行和远程缓存,显著提升构建速度,并简化多项目开发流程。

使用NextJS、Tailwind v4和Shadcn(React 19)创建Turborepo

DEV Community
DEV Community · 2025-03-28T16:15:11Z
使用shadcn/ui构建自动完成功能组件

shadcn/ui是一个结合了headless UI灵活性、Tailwind CSS实用性和美观预样式组件的组件库。它支持用户自定义组件,提供动态和可访问的自动完成功能,简化设置和更新过程。通过Google Maps API,用户可实现模糊搜索和过滤,提升用户体验。

使用shadcn/ui构建自动完成功能组件

DEV Community
DEV Community · 2025-03-23T17:16:02Z
在Vite + React 19中使用Tailwind CSS v3设置ShadCN UI:像专业人士一样修复导入错误!

本教程介绍如何在Vite + React 19项目中设置ShadCN UI,使用Tailwind CSS v3,包括安装ShadCN UI、配置tsconfig.app.json、修复导入错误、添加按钮组件及其自定义样式,以及解决TypeScript错误。

在Vite + React 19中使用Tailwind CSS v3设置ShadCN UI:像专业人士一样修复导入错误!

DEV Community
DEV Community · 2025-03-19T03:43:15Z
ShadCN UI:现代React应用的终极组件库

ShadCN UI是一个灵活的组件库,基于Tailwind CSS和Radix UI,专为React开发者设计。它提供可定制的组件,简化开发流程,支持自由样式设计,便于快速集成和构建现代化、可访问的用户界面。

ShadCN UI:现代React应用的终极组件库

DEV Community
DEV Community · 2025-03-16T19:27:25Z
Shadcn UI Kit:现代灵活的用户界面解决方案

Shadcn UI Kit为现代网页应用提供灵活组件,简化开发流程。基于React 19、Next.js和Tailwind CSS 4,适用于各行业,提升开发效率与用户体验。

Shadcn UI Kit:现代灵活的用户界面解决方案

DEV Community
DEV Community · 2025-03-16T06:11:06Z
Shadcn/UI 营销模块

抱歉,您提供的文本没有包含任何可供总结的内容。请提供具体的文章内容,我将为您进行总结。

Shadcn/UI 营销模块

DEV Community
DEV Community · 2025-03-05T09:08:38Z
🚀在2025年使用Next.js 15、ShadCN和Tailwind CSS v4(无需配置)搭建深色模式

本文介绍了如何在2025年使用Next.js 15、ShadCN和Tailwind CSS v4快速搭建现代网页项目。通过全局CSS定义主题变量,支持深色模式,无需配置文件。步骤包括创建Next.js应用、安装ShadCN UI组件、配置Tailwind CSS和启用深色模式,最终实现现代UI组件和良好性能。

🚀在2025年使用Next.js 15、ShadCN和Tailwind CSS v4(无需配置)搭建深色模式

DEV Community
DEV Community · 2025-03-04T15:41:41Z
介绍 shadcn-sveltekit-landing-page:基于 SvelteKit 和 Shadcn 的现代着陆页模板

我开发了一个现代响应式着陆页模板shadcn-sveltekit-landing-page,基于SvelteKit、Shadcn UI、TypeScript和Tailwind CSS。该模板易于定制,包含导航栏、英雄区、服务展示等部分,支持深色模式和SEO优化,适合初创企业和开发者。

介绍 shadcn-sveltekit-landing-page:基于 SvelteKit 和 Shadcn 的现代着陆页模板

DEV Community
DEV Community · 2025-03-03T05:07:48Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码