Skip to main content
VibeStacks

Loading the search index…

From project structure to components to visual style.

Frontend

Start from the folders of a frontend project: scaffolding, framework, tests, and code standards. Then functional versus display components, and finally a visual style from the Style Museum.

Boards

  • Framework

    Start from project structure: scaffolding, framework, tests, and code standards.

    • The structure of a frontend project
    • Vite + React
    • Next.js
    • Vitest + Playwright
    • Biome
    Open

  • Components

    Functional components handle interaction; display components handle presentation.

    • Functional and display components
    • shadcn/ui
    • three.js
    • Motion
    Open

  • Visual styles

    The Style Museum: twelve halls, and a style guide to take home to your AI.

    Open