Blog

Thoughts on Design & Development

In-depth articles, tutorials, and guides about building modern web applications with shadcn/ui, React, and Next.js.

Shadcn Avatar Examples - 11+ Variants, Code Snippets & Live Demos

Complete guide to shadcn avatar component with 11 production-ready variations: status badges, tooltips, animations, stacked groups, skeleton loading, custom sizes. Copy-paste code examples with TypeScript support for React and Next.js.

Ash

Jan 29, 2026

10 min read

Shadcn Select Examples - 13+ Variants with React Hook Form Integration

Complete guide to shadcn select component with 13 production-ready variations: grouped options, icons, async data loading, React Hook Form integration, controlled state, searchable, disabled states. TypeScript code examples for React and Next.js forms.

Ash

Jan 29, 2026

15 min read

Shadcn Tabs Guide - 12+ Variations: Vertical, Animated, Nested & More

Comprehensive guide to shadcn tabs component with 12 production-ready patterns: vertical tabs, animated transitions, nested tabs, icons, badges, controlled state, disabled states. Copy-paste TypeScript code for React and Next.js dashboards and settings pages.

Ash

Jan 29, 2026

12 min read