TailwindCSS | BestHub

Rare Earth Juejin Tech Community

Jan 22, 2025 · Frontend Development

Understanding ShadCN UI: Architecture, Copy‑Paste Philosophy, and CLI Design

The article provides an in‑depth technical overview of ShadCN UI, covering its rapid popularity, copy‑paste component model, separation of design and implementation, variant management, class‑name merging utilities, and the CLI built with commander, zod, prompts and registry handling, illustrating why it has become a leading frontend component library.

Radix UITailwindCSScli

0 likes · 21 min read

Understanding ShadCN UI: Architecture, Copy‑Paste Philosophy, and CLI Design

DevOps

Jan 20, 2025 · Frontend Development

Top Frontend Open‑Source Projects to Watch in 2025

This article reviews seven leading front‑end open‑source projects for 2025—Vite, Bun, React 19, Next.js 15, Solid.js, Tailwind CSS, and Astro—highlighting their key features, integration capabilities, and ideal use‑cases for modern web development.

BunNext.jsOpen-source

0 likes · 8 min read

Top Frontend Open‑Source Projects to Watch in 2025

Rare Earth Juejin Tech Community

Dec 7, 2024 · Frontend Development

Comprehensive TailwindCSS Styling Guide: Width, Height, Layout, Spacing, Borders, Typography and More

This article provides a thorough, step‑by‑step tutorial on TailwindCSS styling utilities—including preset width/height, custom values, viewport units, max/min dimensions, size shortcuts, margin/padding/space, border and divide utilities, outline, font sizing, weight, tracking, line‑height, text alignment, colors, overflow handling, wrapping and whitespace control—complete with code examples and visual demos.

CSSStylingTailwindCSS

0 likes · 12 min read

Comprehensive TailwindCSS Styling Guide: Width, Height, Layout, Spacing, Borders, Typography and More

Rare Earth Juejin Tech Community

Jun 13, 2024 · Frontend Development

Deploy a ChatGPT Chat Application with Next.js and Vercel AI SDK

This tutorial demonstrates how to quickly create and deploy a ChatGPT-powered chat website using Next.js, Tailwind CSS, and Vercel AI SDK, covering project scaffolding, dependency installation, API key configuration, server‑side streaming, and Vercel deployment steps.

AI SDKChatGPTTailwindCSS

0 likes · 12 min read

Deploy a ChatGPT Chat Application with Next.js and Vercel AI SDK

Rare Earth Juejin Tech Community

Jun 2, 2024 · Frontend Development

Implementing a Fragmented Shard Effect with CSS clip-path and JavaScript

This article explains how to reproduce a website's fragmented shard animation by inspecting the original page, extracting clip‑path polygons with JavaScript, and building a reusable React component using Tailwind CSS transitions and delays, plus a custom drawing board for creating new shapes.

CSSJavaScriptReact

0 likes · 5 min read

Implementing a Fragmented Shard Effect with CSS clip-path and JavaScript

Rare Earth Juejin Tech Community

Apr 21, 2024 · Frontend Development

Enhancing Desktop Support and Nuxt3 Integration for the Varlet UI Component Library

This article details recent updates to Varlet, a Material Design‑based mobile component library, including full desktop support, improved keyboard interactions, a Nuxt3 module for automatic component import, UnoCSS/TailwindCSS integration, and a Material Design 3 theme generator, while inviting community contributions.

Nuxt3TailwindCSSUnoCSS

0 likes · 6 min read

Enhancing Desktop Support and Nuxt3 Integration for the Varlet UI Component Library

Rare Earth Juejin Tech Community

Mar 12, 2024 · Frontend Development

How Much Faster Is unocss Compared to Tailwind CSS?

This article examines the performance differences between the atomic CSS engines unocss and Tailwind CSS, presenting benchmark tests on a MacBook M1 using Vite and PostCSS setups, analyzing build times, the impact of CSS AST parsing, and discussing practical implications for frontend development.

CSSTailwindCSSUnoCSS

0 likes · 7 min read

How Much Faster Is unocss Compared to Tailwind CSS?

Rare Earth Juejin Tech Community

Feb 28, 2024 · Frontend Development

Implementing a Xiaomi‑Style Calendar Component with React, TypeScript, TailwindCSS and Lunar Library

This article details how the author recreated Xiaomi's calendar using React functional components, TypeScript typings, TailwindCSS styling, and the lunar‑typescript library, covering the tech stack, core date calculations, view rendering, touch‑based scrolling, and view mode switching with complete source code examples.

LunarReactTailwindCSS

0 likes · 29 min read

Implementing a Xiaomi‑Style Calendar Component with React, TypeScript, TailwindCSS and Lunar Library

Rare Earth Juejin Tech Community

Feb 24, 2024 · Frontend Development

Using TailwindCSS (Tss) in a Vue 3 Resume Project: Concepts, Implementation, and Optimization

This article walks through the author's journey of rebuilding an online resume with Vue 3 and TailwindCSS, explaining core Tailwind concepts, practical code examples, theme switching, and build‑time optimizations to achieve a maintainable, responsive, and lightweight frontend solution.

CSS UtilityTailwindCSSVue3

0 likes · 36 min read

Using TailwindCSS (Tss) in a Vue 3 Resume Project: Concepts, Implementation, and Optimization

Sohu Tech Products

Jan 31, 2024 · Frontend Development

An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage

shadcn/ui is a rapidly popular, copy‑and‑paste component collection that provides accessible, highly customizable Tailwind‑styled UI elements with a two‑layer architecture, theme editor, dark‑mode support, and CLI, offering simplicity and fine‑grained control while requiring manual integration and careful bundle‑size management.

ReactTailwindCSSUI design

0 likes · 26 min read

An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage

Rare Earth Juejin Tech Community

Jan 15, 2024 · Frontend Development

Sharing Tailwind CSS Configuration Across Packages in a Turborepo Monorepo

This article explains how to create a shared Tailwind CSS configuration package in a Turborepo monorepo using pnpm, detailing directory layout, package setup, dependency installation, configuration files, and both compiled and non‑compiled usage scenarios to avoid duplicated config across multiple packages.

MonorepoTailwindCSSTurborepo

0 likes · 7 min read

Sharing Tailwind CSS Configuration Across Packages in a Turborepo Monorepo

政采云技术

Nov 1, 2022 · Frontend Development

Atomic CSS: Concepts, Examples, Framework Comparison, and Practical Evaluation

This article explains the definition and principles of Atomic CSS, compares it with other CSS architectures such as OOCSS, SMACSS, BEM, and ITCSS, provides code examples, discusses the benefits and drawbacks of using atomic utility‑first frameworks like WindiCSS/TailwindCSS in a backend‑admin project, and offers practical recommendations for adopting a suitable CSS strategy.

Atomic CSSCSS FrameworksTailwindCSS

0 likes · 17 min read

Atomic CSS: Concepts, Examples, Framework Comparison, and Practical Evaluation

IT Services Circle

Feb 21, 2022 · Frontend Development

Creating a Fruit Sales Visualization Dashboard with Python Dash and Tailwind CSS

This tutorial demonstrates how to build an interactive fruit‑sales dashboard using Python's Dash framework together with Tailwind CSS for styling, covering data preparation with Pandas, chart creation with Plotly, layout design, and deployment on a local server.

Data VisualizationPlotlyPython

0 likes · 7 min read

Creating a Fruit Sales Visualization Dashboard with Python Dash and Tailwind CSS