Skip to content

Tag

Vibe Coding & Components

Tutorials, guides, and deep dives on components for AI-assisted development.

5 articles

Building a Component Library for Your Project Tutorial

Building a component library for your project tutorial. Four design components and what makes component libraries sustainable for vibe coded projects.

Building Accessible Components With AI Assistance Tutorial

Building accessible components with AI assistance. Four accessibility patterns AI misses by default and how to prompt for compliant components.

Designer Builds Component Showcase Site Tutorial

Designer builds component showcase site tutorial. Four showcase patterns and what makes component showcases genuinely useful for design systems.

Why shadcn/ui Is the Default Component Library for AI Coding

shadcn/ui explained for AI development. Why every AI tool defaults to it, how the copy-paste model works, and how to customize components for your own project.

What Is a Component? How Modern Apps Are Built

A component is a reusable building block that makes up your app's interface. Learn what components are, why they matter, and how AI uses them to build modern apps.

Related tags

Frontend2Library1Reusable1Accessibility1Ui1Designers1Design Systems1Shadcn Ui1React1Beginners1

The Tuesday Shipping Report

Every Tuesday, one focused email:

  • - The tool or technique that's actually working right now
  • - A real problem from the community (and how to solve it)
  • - What changed this week in the vibe coding landscape

Read by 1,000+ founders, developers, and creators building with AI. Free forever. No spam.