Thành Nam Nguyễnblog.thanhnamnguyen.dev·Jan 14, 2025Tích hợp TailwindCSS và Shadcn/UI vào DocusaurusDocusaurus - một công cụ tạo trang web tĩnh mã nguồn mở dựa trên React, nổi tiếng với khả năng tạo tài liệu, blog, trang web marketing và ứng dụng web một trang một cách nhanh chóng và dễ dàng. Điểm mạnh của Docusaurus nằm ở giao diện tích hợp sẵn, t...113 readsTemplatesdocusaurus
Francisco Morettifranciscomoretti.hashnode.dev·Jan 3, 2025Color Highlighting for Tailwind CSS Variables in VS CodeWhen working with Tailwind CSS variables in VS Code, having visual color indicators can significantly improve your development workflow. This is particularly useful when working with Shadcn UI components, which heavily rely on CSS variables for themi...Tailwind CSS
Ariska Hidayattech.finlup.id·Dec 27, 2024Panduan Lengkap Menggunakan ShadCN UI untuk Developer Next.jsShadCN UI adalah framework komponen modern berbasis Tailwind CSS yang dirancang untuk mempercepat pengembangan antarmuka pengguna (UI). Dengan desain yang konsisten, responsif, dan fleksibel, ShadCN UI menjadi salah satu pilihan ideal untuk proyek Ne...UI
Oni Ebunoluwa Mercyebuntoday.hashnode.dev·Dec 27, 2024How to Install ShadCN with Vite + React: A Step-by-Step GuideSetting up ShadCN depends on the framework you're working with. For this guide, I’ll walk you through installing ShadCN for a Vite + React project. The steps will help structure your app efficiently and accelerate your development process. 1. Create ...2 likes·36 readsNode.js
Asiones Jiaasiones.hashnode.dev·Dec 18, 2024Eslint warning Classname 'xxx' is not a Tailwind CSS class! tailwindcss/no-custom-classname when using shadcn/uiHow to fix it Just add a rule in lint file. // .eslintrc "rules": { /** ... **/ "tailwindcss/no-custom-classname": "off" }, Why do this? https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14...shadcn ui
Ramu Narasingathinkthroo.hashnode.dev·Nov 29, 2024Execa vs using child_process to execute CLI commands programmatically.In this article, we analyse two ways to execute CLI commands programmatically found in Shadcn/ui and CodeMirror. Have you ever wondered if it is possible to run CLI commands programmatically? We are going to look at how Shadcn/ui uses execa and how C... Codemirror Execa
Punam Kumaripunam-1674812033403.hashnode.dev·Jul 31, 2024DXV phase1 :what is DXV? Its an app where people of same kind of interest can tweet in this platform and create a group where they can include their friends and work upon some projects. Features: Any user has the access to create a group and can add members int...DrizzleORM
Ramu Narasingaramunarasinga.hashnode.dev·Jul 30, 2024Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.In this article, we will look at folder structures in Shadcn-ui, Plane.so and Gitroom used to organise a Next.js project. Shadcn-ui file and component structures: File structure Shadcn-ui/ui uses app router and has a Router group named (app). In the...1 likefilestructure
Shivam Katareshivamkatareblog.hashnode.dev·Jul 30, 2024How to Build an Image Caption Generator App Using AI with HuggingFace and GeminiAI is changing our daily lives, helping with many tasks and sparking new ideas. Today, we're joining this trend to start an exciting project. In this tutorial, I'll show you how to build an AI Image Captioner – a tool that uses the HuggingFace Model ...63 readsgemini
Ramu Narasingaramunarasinga.hashnode.dev·Jul 19, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 3.0, I discussed how npx shadcn-ui add <component> command is registered. We will look at few more lines of code from packag...JavaScript
