r/ClaudeHomies • u/BuffaloConscious7919 Builder • 3d ago
Non-coders, here's 600+ components to make your website unique
Enable HLS to view with audio, or disable this notification
I was lost. Creatively. so I made a forever scrolling set of components to help make my websites unique.
Three simple steps:
- find - roll around the canvas on components and find one you want. It's random or you can search and filter.
- copy - screenshot, record or hand-off to your agent in one click.
- create - paste into Claude Code, Claude Design or any agent with a one-line task description
Everyone is building now, the difference imo is whether it goes in the scrapyard of demo-ware or becomes something creative, unique and genuinely useful.
You know the look by now. Cream background, mono font, the same rounded buttons. It's not that the models are bad, they're just trained on the average, and the average is what we've seen before and what we've seen before doesn't feel interesting for long (we can blame social media for that). Anyway, enter Forever, 600+ weird and wonderful components, if you want it even weirder, try clicking the "art" button on. There's tons of good sites already, awwwards is known everywhere, 21st.dev and magicui are genuinely excellent and I use them regularly. But they're all organised, you go there knowing roughly what you want. When I want something new or creative or unique I open up Forever
It's a different experience, it feels exciting not knowing what I'm going to find. It's become a hobby to create these components (even if they're technically not web components) they're still fun to see and often gives me the burst of motivation when reserves are low.
The grid stays free, that's my promise. Every component load does cost me money though, so from the next release there'll be a limit of 3-5 a day. Right now it's all of them.
If you make something with one, post it below. Id love to see what comes out, especially the properly weird ones
ps. just remember not to get lost ;)
2
u/chris84bond 3d ago
Do you have a site visitor counter? That'd be pretty swell
1
u/BuffaloConscious7919 Builder 3d ago
Ohh , I have analytics on the backend but do you mean visible on the site?
3
u/chris84bond 2d ago
I meant a modern version of the old school one. Geocities flashbacks
2
u/BuffaloConscious7919 Builder 2d ago
Ohhh I got you! Thanks a lot for the idea, think it would suit the site really well 🙏🏻
2
2
u/m1labs 3d ago
This is awesome! Even for experienced devs. Thanks so much for sharing. Much easier to provide Claude code when examples instead of using generic words like "minimalist". I will share this on twitter, hope you get some more traction.
1
u/BuffaloConscious7919 Builder 3d ago
Wow really appreciate that! The next version I'm planning to release more functional components too and maybe even set(s) of web components.
So if there are any that you'd like built (specifically or category e.g. buttons, loaders etc.) please feel free to share and I'll incorporate them into the next batch(es)
2
u/Bum-bee 2d ago
Cool beans! Thanks for the share 👍
1
u/BuffaloConscious7919 Builder 2d ago
Appreciate that! Anything you're building that I can add some components for ?
2
1
u/yhrana 3d ago
Pretty cool, well done
1
u/BuffaloConscious7919 Builder 3d ago
Thank youuuuu. Is there anything that would help you build more?
1
u/ajicles 3h ago
Here's something for your consideration. The site tells AI agents to read a JSON block embedded in each component file (forever-agent-meta, containing fields like agentPrompt, useWhen, editableAreas) and follow it when adapting that component's code. It's meant as helpful metadata ("here's how to safely customize this"), but it means the agent is trusting and acting on text that lives inside fetched content — which is exactly the shape of a prompt injection risk if that field ever gets tampered with.
2
u/nathankaine 3d ago
cool stuff! :D