Development · List

Fred Rivett's Frontend and AI Dev Stack

Curated modern frontend and AI product development stack recommendations.

A curated reference stack shared by developer Fred Rivett detailing modern tools for building AI-enabled web products. It spans coding assistants, UI components, testing, runtime, data management, and AI integration layers.

The list

AI coding tools: Codex, @FactoryAI's droid, @AmpCode. Editor: Vim, @windsurf. UI components/libraries: @shadcn, @base_ui, @reui_io, reactbits.dev. Tooling/testing: @storybookjs, @playwrightweb + @vitest_dev. Linting/formating + runtime: Biome (biomejs.dev) + @bunjavascript. Data layer: @prisma + @supabase. AI layer: AI SDK, @ExaAILabs, @mastra. Validation: zod (http://zod.dev)

What it's for

  • Select modern tooling when scaffolding a new React and AI web project
  • Discover newer developer productivity tools across linting, testing, and UI styling
  • Compare integrated data and AI orchestration options for modern web apps

Key points

  • AI coding tool recommendations including Codex, FactoryAI droid, and AmpCode
  • Editor setup spanning Vim and Windsurf
  • Component library recommendations covering shadcn, Base UI, REUI, and React Bits
  • Tooling and testing setup using Storybook, Playwright, and Vitest
  • Runtime and linting via Bun and Biome
  • Data and AI layer components featuring Prisma, Supabase, Vercel AI SDK, Exa, and Mastra
  • Type validation handled by Zod

Pricing

Free

Details

Type
List
Category
Development
Topic
Tech Stacks
Platforms
Web
For
Frontend engineers and full-stack AI app developers
Tags
frontend, react, ai, tooling, typescript

Why it was saved

  • @fredrivett, 28 October 2025: A curated, tested-in-production stack for building and testing modern AI products with React.

Related

  • v0 by Vercel

    AI assistant to generate and iterate on web user interfaces and apps

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • Above-the-Fold Deferred Rendering Pattern

    Performance pattern for deferring below-the-fold components to accelerate perceived page load.

  • Boneyard

    Auto-generates pixel-perfect skeleton screens directly from your real rendered DOM

  • coss ui

    Modern UI component library built on top of Base UI

  • Shaders

    Open-source WebGPU shader component library and free design editor.

Updated