bonkersUI

The craziest UI components on the internet. React + real physics, not keyframes. 🚀 Launching August 7 on Product Hunt.

[bonkersUI @bonkersUI]

60 seconds. Real physics. Zero boring pixels.

bonkersUI goes live August 7 · 12:01 AM PT on Product Hunt.

Set a reminder. This one's going to hurt some design systems.

https://t.co/8365DijMyM

#reactjs #buildinpublic

[bonkersUI @bonkersUI]

The command palette, but gorgeous. Instant results, keyboard nav, buttery transitions. Cmd+K will never look basic again.
Day 7/15 — https://t.co/8365DijMyM
#reactjs

[bonkersUI @bonkersUI]

Kinetic typography that never stops moving. Bold, infinite, velocity-reactive on scroll. Your landing page, but louder.
Day 7/15 — https://t.co/8365DijeJe
#reactjs

[bonkersUI @bonkersUI]

This eye follows your cursor. Everywhere. Slightly unsettling, weirdly hard to look away from. Move your mouse — it’s watching.
Day 6/15 — https://t.co/8365DijMyM
#reactjs #WednesdayWisdom

[bonkersUI @bonkersUI]

Text that flows like liquid mercury. Reflective, molten, impossible-looking. It’s a React component.
Day 6/15 — https://t.co/8365DijMyM
#reactjs #creativecoding #WednesdayWisdom

[bonkersUI @bonkersUI]

Loading screens are dead time. So I made a set of buffer animations you actually want to watch. Which ships👇
Day 6/15 — https://t.co/8365DijeJe
#reactjs #WednesdayWisdom

[bonkersUI @bonkersUI]

Every tactics board should look like this. Animated formations moving across a live pitch — a React component.
Day 6/15 — https://t.co/8365DijMyM
#reactjs #WednesdayWisdom #webdesign

[bonkersUI @bonkersUI]

This card has the northern lights inside it. Live-rendered aurora behind frosted glass. Not a video — every frame is generated in real time.
Day 6/15 — https://t.co/8365DijeJe
#reactjs #WednesdayWisdom

[bonkersUI @bonkersUI]

Brutalist UI, but it actually works. Heavy borders, oversized type, all attitude. Not everything has to glow.
Day 6/15 — https://t.co/8365DijMyM
#reactjs #webdesign #WednesdayWisdom

[bonkersUI @bonkersUI]

Nobody thinks about the search bar — until it looks like this. expanding, glowing, morphing on focus. your most-used input, upgraded.
Day 5/15 — https://t.co/8365DijMyM
#reactjs #GoodTuesday #TacoTuesday

[bonkersUI @bonkersUI]

Actual flowing sand, simulated grain by grain.
every grain cascades and piles with real physics. and it's React.
Day 5/15 — https://t.co/8365DijMyM
#reactjs #creativecoding #GoodTuesday #TacoTuesday

[bonkersUI @bonkersUI]

Input fields shouldn't feel like a tax form.
this one ripples like liquid as you type. small detail, huge difference.
Day 5/15 — https://t.co/8365DijMyM
#reactjs #GoodTuesday #TacoTuesday

[bonkersUI @bonkersUI]

A vinyl record player, as a UI component.
the record spins, the tonearm drops, it actually plays. nostalgia meets React.
Day 5/15 — https://t.co/8365DijMyM
#reactjs #GoodTuesday #TacoTuesday

[bonkersUI @bonkersUI]

The hero section your landing page wishes it had.
layered motion, bold type, zero templates.
Day 5/15 — https://t.co/8365DijMyM
#reactjs #GoodTuesday #TacoTuesday

[bonkersUI @bonkersUI]

A card with a topographic map that's alive.
contour lines shift and breathe like moving terrain. generative, and it's React.
Day 5/15 — https://t.co/8365DijMyM
#reactjs #creativecoding #GoodTuesday #TacoTuesday

[bonkersUI @bonkersUI]

Your cursor rewires the constellation.
A living particle network reacting in real time. The classic effect, done right.
Day 4/15 — https://t.co/8365DijMyM
#reactjs #creativecoding #MondayMotivation #MondayVibes

[bonkersUI @bonkersUI]

Tournament brackets that actually come alive.
Matches resolve, winners advance, the path lights up. For sports & esports UIs.
Day 4/15 — https://t.co/8365DijMyM
#reactjs #MondayMotivation #MondayVibes

[bonkersUI @bonkersUI]

The most expensive-looking card on the internet.
Brushed metal, a sheen that tracks your cursor, zero images — pure code.
Day 4/15 — https://t.co/8365DijMyM
#reactjs #MondayMotivation #MondayVibes

[bonkersUI @bonkersUI]

Even the password field can be delightful.
It reacts as your password gets stronger. The most boring input, made fun.
Day 4/15 — https://t.co/8365DijMyM
#reactjs #MondayMotivation #MondayVibes

[bonkersUI @bonkersUI]

Status indicators that flow like the tide.
Animated wave fills that rise and fall with your data. Even a status bar can be beautiful.
Day 4/15 — https://t.co/8365DijMyM
#reactjs #MondayMotivation #MondayVibes