@SaveDesignHQ

Build your creative knowledge base. Discover, save, organize and reuse web design inspiration, UI, typography, motion & more.

save.design
Joined May 2025
  • Tweets709
  • Following272
  • Followers332
If you're a designer, you probably don't need another bookmarking app. 👀 As creatives, we need more than just saving links. More than just capturing an image we thought looked cool. We need to see the visual context, add notes about why we saved it, organize findings on boards, present inspiration to clients, collaborate with our team, and actually find things again later. That's why we exist. A creative space for turning inspiration into knowledge. 📚 Save websites, interactions, images, files, ideas and more, and turn everything you collect into something you can search, understand, reuse, and build on. Your inspiration shouldn't just be saved. It should stay useful. 📚 save.design
1
2
11
1,724
When the makers of award-winning websites say where an idea came from, it’s rarely another website. We read 629 Awwwards case studies and write-ups. Of the 149 sources named, 44 were print and graphic design, 20 film and TV, and 14 websites.
1
4
177
more replies
Stripe Dot Dev is one of the few to name websites: Stripe took its colour themes from the white and blue of Berkshire Hathaway’s site and from GeoCities. Makers tend to name the sources they’re proud of, so the real share of websites is likely higher.
1
12
Keep the poster next to the site: save.design/canvas

Mood board maker for creatives — save.design

A mood board made of the things you already saved: arrange them, write on them, share the board as a link.

save.design
7
POV: you found a design-focused platform for your design inspiration, and now you can just type what you remember and find it 🕵️‍♂️ Save Design lets you search your references by what's actually in the design. save.design
1
1
2
141
The Kiln folder is a sample project. Sites in the search: KER, Eladio Dieste, Studio Bruch, Hello Comrade, Huey Lightshop, Danny Kaplan Studio, Handcrafted Modern, Modem Studio, Yolanta Birkhane and Nice People.
18
Open this site in December and it starts on snow. save.design/website/reedhild…
1
1
42
It opens on the photo taken nearest today’s date. Site by No Plans (@noplansstudio) for Reed Hilderbrand (@ReedHilderbrand).
7
What powers this liquid metal? What makes those page transitions work? Find the tech behind the effects. Our analyzer can now tell you what's behind the magic! ✨ 🔗 save.design/analyze
1
3
134
The liquid metal is Paper Shaders by @paper, on Adam Perlis's site (@AdamPerlis). The page transitions run on Barba.js (Cyphr's site, by Holographik) and Swup (Quang Dinh's portfolio). It names shadcn/ui now too.
1
1
48
This liquid effect is made from just 8 circles and one function 🫧 @JedBridges built it on jedbridges.com using a shader technique that smoothly blends shapes together. The function behind it is in the reply 👇 save.design/element/b501d2ad…
2
1
11
955
The shader function behind the effect: float smin(float a, float b, float k) { float h = clamp(0.5 + 0.5 * (b - a) / k, 0.0, 1.0); return mix(b, a, h) - k * h * (1.0 - h); } `k` controls how smoothly the shapes blend. At `k = 0`, you get the circles back.
1
83
Six scroll effects and the names to search for them 🔎 save.design/elements
1
1
79
1. Zoom on scroll: The Romans 2. Text reveal on scroll: The Eight by @BonhommeParis 3. Horizontal scroll: @timelessco 4. Parallax scrolling: Eladio Dieste by @hellohelloteam 5. Color change on scroll: Terreno by @emascaro 6. Scrollytelling: Every neuron by Federico Guardabrazo
24
Our Chrome extension records any part of a page while you use it, and saves the clip to a folder. chromewebstore.google.com/de…
1
4
214
Sites by Arthur Petrillo, SweetTape, Josh Chant for Sidejob, and @covacut and @jeanxcrj for Moving Image Archive. On Windows the shortcut is Alt+Shift+R.
54
Our 12 favourites from the 117 elements we added Oct 8 to 16. More next week! save.design/elements
1
5
181
In the video: Roman Jean-Elie, CRL by Josh Bendall and @bamojk, Alt Shift, Mathias Adolfsson, Roger Burkhard, Ballet National de Marseille, Alyssa Bonanno, Studio GD, Abatable by Suero Studio, NEU, Seventeen and It's a Book.
37
This 3D badge runs the real badge’s firmware, compiled to WebAssembly. save.design/website/hervestu…
1
2
166
By Hervé Studio (@HerveStudio), who built the real ones for the Three.js Conf speakers.
27
Load more