DEV Community

Cover image for The Most Annoying Form Ever...
Riyazuddin Khan
Riyazuddin Khan

Posted on

The Most Annoying Form Ever...

April Fools Challenge Submission ☕️🤡

This is a submission for the DEV April Fools Challenge

What I Built

I built the Annoying Form App — a beautifully designed, psychologically exhausting web form that turns a simple task into a battle of patience.

This project explores a bold anti-UX philosophy: what if forms actively fought back?

Instead of helping users submit data, this app:

Shrinks inputs while you're typing
Teleports your text to other fields mid-sentence
Distracts you with chaotic animations
Traps you in an infinite loop of confirmation popups

It’s a premium-looking interface with the soul of pure chaos.

Demo

https://github.com/riyaz489/chaotic_form/blob/main/src/assets/demo.gif

Code

https://github.com/riyaz489/chaotic_form

How I Built It

This project was built entirely using Antigravity, without writing a single line of code manually.

Instead of traditional development, I approached this like a “prompt-driven chaos experiment”:

I described the app’s behavior in natural language focusing on how a form could become increasingly frustrating
Iteratively refined prompts to introduce more absurd interactions like shrinking inputs, text teleportation, and infinite confirmation popups
Used AI-generated logic to handle timing, animations, and state transitions
Continuously tested and adjusted prompts to make the experience feel intentionally broken, yet fully functional.

Key Ideas Behind the Build
Prompt Engineering over Coding: Every feature was created by carefully crafting prompts rather than writing implementation logic
Controlled Chaos: Even though the UX feels random, the behaviors are precisely timed and triggered
Deceptive Design: Combined a premium glassmorphic UI with intentionally terrible usability to mislead users
Tech Stack (AI-Driven)
Antigravity — Core development platform
React + Vite (AI-generated) — Underlying framework inferred and scaffolded by AI
CSS Animations & 3D Effects — Generated and tuned via prompts

The biggest challenge wasn’t building features — it was making them frustrating in a consistent and believable way.

Prize Category

🤖 Best Google AI Usage

This entire project was built using Antigravity, without writing a single line of code manually.

Instead of traditional development, I described increasingly chaotic and frustrating UX behaviours
Let AI generate and iterate on the implementation
Refined the madness through prompts rather than code

From shrinking inputs to teleporting text and infinite popups, every piece of chaos was orchestrated through AI.

Ironically, a tool designed to boost developer productivity was used here to create something that destroys user productivity.

This project is essentially:

“What happens when you give AI full control… and terrible intentions.”

☕ Best Ode to Larry Masinter

Inspired by the legendary absurdity of HTTP 418 I'm a teapot, this project embraces the same philosophy:

It looks like a serious, premium product
It behaves in completely unreasonable ways
It refuses to do the one thing it’s supposed to do

Just like a teapot refusing to brew coffee,
this app refuses to let you submit a form — no matter how hard you try.

It’s a tribute to the playful, bizarre side of the web, where:

Uselessness is intentional, and frustration is the feature.

Team Submissions: riyaz489

Top comments (0)