logoalt Hacker News

Show HN: Performative-UI – a react component library of design tropes

452 pointsby lizhangtoday at 2:05 PM102 commentsview on HN

hope you enjoy


Comments

jdw64today at 5:22 PM

The funny thing is, the techniques shown here are the ones that were once considered something only advanced front-end developers or publishers could do. Seeing that a former symbol of skill has now become a subject of satire makes me think that what we call 'high-level' ultimately comes from what others can't do. I personally never even thought about how to implement ASCII art animation.

show 1 reply
avaertoday at 3:37 PM

I've worked on several projects where people looked at the site, which was simple and straight to the point, and people would straight up tell me they didn't take it seriously because it didn't have these performative UI things on it.

It's like when a Youtuber's audience complains about how they're constantly asking you to subscribe. The reason it happens is because the statistics say it works.

show 3 replies
prplfshtoday at 5:18 PM

I love how this is both hilarious and extremely well made. Great job!

And I'm gonna be honest, I kind of want to use a few of these components for real (the ASCII art is fantastic).

show 1 reply
tomaytotomatotoday at 6:06 PM

When Agentic browsers become the norm, surely we will go back to the days of super plain HTML pages?

ChiperSofttoday at 6:01 PM

Oh wow, it uses normal css, how delightful! https://github.com/vorpus/performativeUI/blob/main/src/style...

tfitz237today at 2:46 PM

These all look very professional for (basically) a parody library

show 5 replies
padolseytoday at 3:21 PM

The most extreme virtue-signal is to go completely browser-default and have no styling whatsoever. Like lowercasing because your pinky can't be arsed to reach for the shift-key even though you've a billion dollars in series A.

show 7 replies
wuliwongtoday at 4:22 PM

I get the whole trope thing and maybe I'm just an old man but I still am kinda impressed when Claude sh*ts out this type of UI 100 times faster than I ever could. It might also be that I never could have made UI even of this quality before AI. (˶ˆᗜˆ˵)

aogailitoday at 4:26 PM

It's still better than the sh*t developers produced three years ago.

Some people just like to feel superior by shaming others' work. You can easily tweak the visual output if you want to, but it's good enough for most use cases and better than what developers used to produce.

So, it's progress.

show 1 reply
jrflotoday at 2:44 PM

That ascii lava lamp effect is low key really cool

show 2 replies
kfarrtoday at 4:24 PM

Some of these are actually nice and appropriate to use in certain contexts. Also this issue is hilarious: https://github.com/vorpus/performativeUI/issues/2

butztoday at 5:17 PM

Dickover is suspiciously missing. How will I ask visitors to subscribe to my newsletter?

Terrettatoday at 4:20 PM

“TokenStream – Server-sent events (SSE) were added to the HTML5 spec in 2008 but never used until 2025.”

I remember chunked transfer encoding shipped in 1997. It's been possible since then to readily and easily stream bytes of text or chunks of html the way everyone sees LLMs do today.

I used this to write a web based telnet client in 1997, and later a text moo / chat for the web. In both cases used a frameset so your line to send was at bottom of screen, the incoming lines were server-sent as things happened server side, and scrolled the client as new lines came in.

There were other things you could abuse before that, but less reliable.

But yeah, talk about things nobody used....

show 1 reply
grassfedgeektoday at 4:11 PM

Adding github link for those who want to use it (I do): https://github.com/vorpus/performativeUI

show 1 reply
juliktoday at 5:54 PM

That is absolutely delightful

jtbaylytoday at 3:24 PM

I could see actually using this…

kardianostoday at 3:32 PM

Savage and accurate. 100%.

Brajeshwartoday at 3:25 PM

Many a true word is spoken in jest.

eranationtoday at 3:52 PM

My Claude feels personally attacked.

kachoiotoday at 4:41 PM

pretty decent, may even use some of the components eventually. star given

yosef123today at 3:26 PM

This needs an additional subscriptions service tier, that's even more performative and even more AI

erdaltopraktoday at 2:51 PM

It's very fun and way too polished, thanks!

jdw64today at 5:18 PM

Coooooooooool!!!!

darepublictoday at 5:28 PM

Slick and self aware. Looks good

staminadetoday at 3:08 PM

Very funny. Although ironic that this whole library was built with AI.

show 1 reply
heldridatoday at 3:05 PM

Spot on "AI Native".

lizhangtoday at 4:39 PM

no more stars please, we are at a funny number

smhanovtoday at 3:21 PM

It needs a purple gradient mode.

cmrdporcupinetoday at 3:30 PM

NGL I'm going to steal/borrow/leach all sorts of these for my product.

When in Rome!

iishantotoday at 5:21 PM

Starred this, my next project is going to be classified as slop anyway.

wg0today at 3:03 PM

Man... That's satire on a whole another level. What a technical and deep sense of humor.

MisterKenttoday at 2:49 PM

Now I can produce slop without AI.

show 1 reply
igursstoday at 2:50 PM

Nice UI quality

ajpaulsontoday at 3:06 PM

Lmao!!! Awesome

imafishtoday at 2:53 PM

I heard you like AI slop...

pushMiautoday at 6:00 PM

[dead]

Luparatoday at 5:19 PM

[flagged]

utopiahtoday at 3:49 PM

Neat, opened an issue there for a finicky bit of code that'd help me quite a bit. /s

show 1 reply
marknuttertoday at 3:32 PM

Yawn. This is just bootstrap all over again. So what if people who don't have design skills can now create pleasant looking websites?

show 1 reply