Skip to content

Neo-BrutalMotion

Booking Form

A booking form on a flat card: dates as a row of mono day keys (an ink key when chosen, struck through when full), time and party pill chips (native radios, each group in a fieldset with a legend, all required), contact fields and a full-width primary submit key.

Live, interactive React component · light themeResponsive

About the Neo-Brutal Booking Form

A booking form on a flat card: dates as a row of mono day keys (an ink key when chosen, struck through when full), time and party pill chips (native radios, each group in a fieldset with a legend, all required), contact fields and a full-width primary submit key. Works without JavaScript; rest props (action, method) go on the <form>. Posts date, time, party, name, email, phone, message.

It is part of Neo-Brutal. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.

To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.

The same piece, drawn for a different look. Open one to compare it live.

Noir Aurora Booking Form

A booking form: date, time and party chips in the segmented look (native radios, each group in a fieldset with a legend, all required), contact fields and a full-width primary submit button.

Soft Bento Booking Form

A booking form in a clay panel: date, time and party chips (they squish when picked) (native radios, each group in a fieldset with a legend, all required), contact fields and a submit button.

Swiss Tech Mono Booking Form

A booking form: date, time and party chips (native radios, each group in a fieldset with a legend, all required), contact fields and a submit button.