Vibe-coded it?
Make it make sense.

Find your way through AI-generated React and Next.js apps. Click what you see, understand the source, and make changes you control.

Join the private betaTry the interface
React & Next.js · Beta access opens in stages
Fieldnotes Illustrative project

A little room to think. A new place to begin.

  1. Homepage
  2. Hero
  3. Headline
src/components/Hero.tsx
<h1>
  Less friction.<br />
  More possibility.
</h1>
See how editing works

See where it comes from.
Know what you’re changing.

Follow a headline to its component. See where that component is used. Review the source diff before you save, with a way back if you change your mind.

1

Inspect

Select a real element and follow it to its source.

2

Edit

Edit supported content and styles, then review what changed.

3

Review

Keep source files, diffs, and undo. Publication stays a deliberate step.

Bring your project.
Find your next change.

Join early. Claim your handle and numbered Wisp pass, see your place in line, and explore while you wait.

Join the beta waitlistEarly-member perks are planned. Details to come.
wispEarly member
A handle of your own@yourhandleClaim your name. Make your mark.
Pass previewWISP—YOUR #
Turn pass
Move to explore · Tap to turn