@SaveDesignHQ

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

save.design
Joined May 2025
  • Tweets703
  • 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,711
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
118
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.
13
Open this site in December and it starts on snow. save.design/website/reedhild…
1
1
36
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
131
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
45
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
941
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
81
Six scroll effects and the names to search for them 🔎 save.design/elements
1
1
78
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
23
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
211
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
180
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.
35
This 3D badge runs the real badge’s firmware, compiled to WebAssembly. save.design/website/hervestu…
1
2
163
By Hervé Studio (@HerveStudio), who built the real ones for the Three.js Conf speakers.
27
We checked the code of four sites that look 3D. Can you tell which two render it live? save.design/elements
1
2
145
1 and 4: three.js renders the drone and the coconut live. 2: 89 pictures picked by your scroll, with a video skewed onto the screen. 3: 24 pictures of the star, picked by your pointer.
1
35
1. Aevion, a tech demo by @riotters 2. Dylan Brouwer's portfolio 3. starboy by @lilguynet 4. Palmo by Vasav Prajapati
26
Six footers you can play with, and what each is built with. Alt Shift: nine keycap images moved by a short, hand-written physics loop. save.design/element/6a132ed3…
1
3
296
more replies
reality-is.com, designed by MOST and coded by Filippo Buresta: a Rive state machine that puts a shape in each grid cell your cursor crosses. save.design/element/64712e37…
1
1
76
Find more by describing the footer you want. save.design/elements Also in the search: Carolyn Lee, OB Studio, Gulled, We Are Boring and an "offline" concept by @alimdesigner_.
2
82
Load more