Eli Brumley

Memphian. Lead UX + Dev + CRO | Family Man

[Tran Mau Tri Tam ✪ @tranmautritam]

New tools I keep coming back to. Save this 👇

- https://t.co/wQrrKyScQy - AI prompts for animated websites
- https://t.co/FgTPEqdeQ4 - free animated component library
- https://t.co/DBIDZdVb86 - pure CSS text animations
- https://t.co/Hk6ovLEr1l - spring physics UI motion
- https://t.co/wv2C0KXUCr - build terminal UIs with TypeScript
- https://t.co/nHTq0N41dq - name any UI element instantly
- https://t.co/NRWoHNzeI0 - logo, color & gradient tools
- https://t.co/CLb1khhxQZ - 3D product visualizer in browser
- https://t.co/JtOAiFEBJy - Claude skills for web design

What am I missing?

[Marcel @marcelkargul]

"how are your designs so good?"

spacing.

you have no idea how much bad spacing is killing your work. get obsessive about it and your designs will look completely different overnight.

[Eli Brumley @EliBrumley]

AI*
*batteries not included

[Gabriel @gabriell_lab]

Since Opus 4.8 is out and more and more designers are getting into Design Engineering, I thought I’d share some of the interaction patterns I use most often:

Use proximity, not just hover. When the cursor gets close, nearby elements can subtly scale and darken based on distance.

It makes interfaces feel more responsive, less binary, and way more alive

onpointermove = e =>
document.querySelectorAll(".dock>*").forEach(el => {
const r = el.getBoundingClientRect();
const t = Math.max(0, 1 - Math.abs(e.clientX - r.x - r.width/2) / 120);
el. style.scale = 1 + t * .5;
});

[clear @clear_graphics]

https://t.co/ZO7k7ZDNyo

[Saira @AiWithSaira]

You’re bored because you don’t do side quests, bro.

Life is more than just work and bed rotting.

Here are 50 side quests to complete:

[Pietro Baudin @pietrobaudin]

rules for UI design.

[Pietro Baudin @pietrobaudin]

principles of design, you need to know!

[Felix Lee @felixleezd]

Apple's design is unbelievable.

[Michael Morgan @morgoozie]

https://t.co/p1GhO54vbq

[Apple Design @TheAppleDesign]

Steve Jobs : how to design perfect products.

[Adrian @adriankuleszo]

Clean layouts. Better UX. Higher conversions.

Here are 5 UI elements and design patterns that top-performing sites keep reusing:

[Billy Sims BBQ @BillySimsBBQ]

For National BBQ Month and Memorial Day Weekend we're giving away a signed magazine by @RealBillySims along with a bottle of our signature sweet & mild BBQ sauce!

RULES
1️⃣ Follow us
2️⃣ Like post
3️⃣ Share post

*Must live in a state with a BSBBQ location. Winner announced Friday.

[Eli Brumley @EliBrumley]

@ScooterTaylor Memphis in the house!!!! ❤️
I can’t wait for more episodes!

[Eli Brumley @EliBrumley]

@ScooterTaylor You been MTZ tech support?

[luffy @0xluffy]

watch this at least once a day

[nanda @nandafyi]

One of the tricky things to get right in SVG path animations is picking the right `stroke-dasharray`, so I made this visual to help understand—pretty happy with how it turned out!

[Eli Brumley @EliBrumley]

@DannPetty Would love to unpack perspectives on streamlining data-driven processes to refining & track design outcomes over design output.

[Benjamin De Kraker @BenjaminDEKR]

Meta Orion AR glasses.

Explain to me why Apple didn't do this?
Steve Jobs would have.

[Erik @erikdevries_nl]

Tailwind CSS colors are 🔥 But designing accessible components can be tricky due to inconsistent contrast.

For example, yellow 500/50 isn't as strong as indigo 500/50.

Working on a https://t.co/aLKTn8wZ5J setting to create scales with consistent APCA contrast automagically 🪄