Thread

Book of Shapes – Collection of minimal, generative and customizable SVG-patterns

283 points · 25 comments · eustoria

Loading the complete thread in the background. This saved snapshot is available now. Refresh

virtualritz · 1790846548 · focus · HN ↗
Is this a rip of turtletoy[1] content?
[1] <a href="https://turtletoy.net/" rel="nofollow">https://turtletoy.net/
1. kanapala · 1790847178 · focus · HN ↗
  who knows with vibe-coded stuff?
2. tiborsaas · 1790851087 · focus · HN ↗
  Why would it be a ripoff? Generative art sites are like this.
  Turtle toy is really neat, thanks for the tip.
3. nsokolowski · 1790864295 · focus · HN ↗
  Cool Page. But I did not know it when creating bookofshapes ;)
  1. virtualritz · 1790864581 · focus · HN ↗
    But your clanker probaly did. ;)
    kdkdiwkdiwzjj · 1790876968 · focus · HN ↗
    What’s with calling AI “clanker”? I’m seeing it more and more, and, honestly, the more I see it the stupider it sounds.
    iFreilicht · 1790880989 · focus · HN ↗
    It's basically a derogatory term for AI. I've seen it used the same way a slur would be used to berate a person.
    kdkdiwkdiwzjj · 1790885179 · focus · HN ↗
    Got that from context; I’m just baffled, really. Seeing people call AI “clankers” is like watching a third grader call another “poopy head”. It’s just depressingly infantile.
    arvid-lind · 1790944004 · focus · HN ↗
    It's a reference from Star Wars if you really don't know. People say things they hear, I don't know what else to tell you.
albert_e · 1790849394 · focus · HN ↗
Looks useful. I was experimenting with making an SVG creator tool that can churn out shapes that go beyond the shape library of microsoft powerpoint -- so my slides can stand out. Things like a hexagon with rounded corners, squircle, swooshes and blobs etc.
Patterns like these are useful as well.
1. WillAdams · 1790857362 · focus · HN ↗
  One problem which I've had working in this space is the difficulty of naming specific shapes --- worked up a list in my current project:
  <a href="https://github.com/WillAdams/gcodepreview/blob/main/gcodepreview.pdf" rel="nofollow">https://github.com/WillAdams/gcodepreview/blob/main/gcodepre...
  (should be section 3.8.1.1 on pg. 97, not sure, since I need to push up an update)
  and I'd be glad of any comment or correction or point of improvement.
GnosiWorks · 1790851591 · focus · HN ↗
[dead]
kachnuv_ocasek · 1790852414 · focus · HN ↗
Beautiful. Reminds me of the amazing visual art of Adam Fuhrer[1].
[1]: <a href="https://adamfuhrer.com/" rel="nofollow">https://adamfuhrer.com/
1. paulirish · 1790864599 · focus · HN ↗
  Etienne Jacob has similar vibes: <a href="https://bleuje.com/animationsite/2024_1/" rel="nofollow">https://bleuje.com/animationsite/2024_1/ And quite satisfying.
  1. plmpsu · 1790888735 · focus · HN ↗
    Wow.
fireproof_ · 1790855056 · focus · HN ↗
I've been building something similar[1], but focused more on generating desktop/mobile wallpapers based on a desktop theme.
Most of the designs is build via python-scripts that generate the final SVG's which then can be recolored in browser. Claude + a harness is surprisingly adept at generating these scripts, i guess pelicanmaxxing might be the reason?
[1] <a href="https://github.com/nickolaj-jepsen/walldye" rel="nofollow">https://github.com/nickolaj-jepsen/walldye
1. sampsn · 1790885539 · focus · HN ↗
  yah i like this, i downloaded a bunch, thanks
dominicrose · 1790855755 · focus · HN ↗
unimportant detail but the Liked button doesn't show any shape
ericyd · 1790857901 · focus · HN ↗
Very nice collection!
Feroz01 · 1790858794 · focus · HN ↗
[dead]
jawhite2822 · 1790864995 · focus · HN ↗
[dead]
kn330 · 1790865795 · focus · HN ↗
Forgive my non-creative brain but who is this for? and how/where can this be used?
1. LEDThereBeLight · 1790870021 · focus · HN ↗
  It’s research. It’s not for anyone, until someone who needs it sees it and starts using it.
dantesays · 1790873448 · focus · HN ↗
[dead]
robobo96 · 1790877955 · focus · HN ↗
Wow, how did you create these?
1. iFreilicht · 1790881027 · focus · HN ↗
  AI obviously.
haktan · 1790884988 · focus · HN ↗
This site is great, very cool.
loclol101 · 1790887186 · focus · HN ↗
Amazing! this is beautiful.
ano-ther · 1790943359 · focus · HN ↗
Very nice. Some of these would make great video backgrounds.
Does anyone know about a good toolchain to animate SVGs and make a video of it, preferably preserving transparency and import into Premiere?

Open on Hacker News to reply ↗

Unofficial Hacker News client; not affiliated with Y Combinator.