Ray. 🌅

269 posts

Ray. 🌅

Ray. 🌅

@1_rtao

Product Designer ❤️ Motion Design

Seattle, WA Katılım Ocak 2017
543 Takip Edilen75 Takipçiler
Sabitlenmiş Tweet
Ray. 🌅
Ray. 🌅@1_rtao·
Turned Figma poster sketch interactive using v0 ✦ I want to play with different focal point, and let it shifts with your cursor — hover to move it, click to lock it in place. 🎮 Change it here and see how it feels: …-interactive-poster-design.vercel.app
English
1
0
2
82
Ray. 🌅 retweetledi
Dilum Sanjaya
Dilum Sanjaya@DilumSanjaya·
Fun interactive science app ideas | Part 3 Played around with generating 3D biological structures and made an app to explore them interactively UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
English
522
2.2K
17.2K
2.2M
Ray. 🌅 retweetledi
super.engineering
super.engineering@superdoteng·
Speed usually means sacrificing UX. We’re doing the work so you don’t have to choose. Multiple workspaces, custom colors, accents, and transparency. Performance, with taste.
English
26
12
553
58.8K
Ray. 🌅 retweetledi
Bardhyl Bytyqi
Bardhyl Bytyqi@BardhylBytyqi·
is this the cleanest portfolio animation ever? i can’t believe I made it with claude + 1 prompt
English
30
39
817
36.7K
Ray. 🌅 retweetledi
Ali Abouelatta
Ali Abouelatta@abouelatta_ali·
I hated how bad agents are at design I hated how Codex can't access Mobbin So I created Lazyweb - 257k+ screens (apps/web) - 6 opinionated design research skills - 1 MCP (Claude/Codex) 100% Free...AI native...no rate limits...no subscriptions.. Enjoy (and tell a friend) 🫡
English
186
383
5.5K
323.8K
Ray. 🌅 retweetledi
Emil Kowalski
Emil Kowalski@emilkowalski·
When it comes to more visual work, like animations, coding agents don’t quite know what great feels like yet. Here’s my way of fixing it: emilkowal.ski/ui/agents-with…
English
26
135
2.1K
216K
Ray. 🌅 retweetledi
Ryan Mather
Ryan Mather@Flomerboy·
🧵 My tips for getting the best results out of Claude Design! I’m on the verticals team at Anthropic which means I serve 7 different products. Claude Design makes it possible! 1. Set up your design system and your core screens. An hour of setup and refinement here is worth it
Claude@claudeai

Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude. Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.

English
183
689
8.8K
1.5M
Ray. 🌅
Ray. 🌅@1_rtao·
@shadcn Yep. It seems work can only be allowed to accelerate, not slow down. Especially in tech, even more if you build AI interfaces.
English
0
0
2
673
shadcn
shadcn@shadcn·
Every friend I talk to is overworked since AI. Working weekends. Always on their phone prompting. Kinda sad.
English
348
346
7.2K
539.6K
Ray. 🌅 retweetledi
Sebastiano Guerriero
Sebastiano Guerriero@guerriero_se·
Finally managed to build a coded version of this timeline concept 🕹️
English
32
37
1K
62K
Ray. 🌅 retweetledi
shadcn
shadcn@shadcn·
You can ship anything on the registry. Not just components.
KapishDima@kapish_dima

Introducing Remocn - a @shadcn registry with ready-made animations, typography, transitions, UI elements, and complete scenes for @Remotion (a library for creating videos using React components). If you’re a solo builder like me and don’t have the budget to produce a full demo for your product - this is the solution. I’ve created a collection of elements that will help you build demos much faster. Plus, everything lives right next to your project since it’s built with React.js. All components are added via shadcn, which means you can easily customize them to match your style All of this is FREE and open source 😱

English
11
17
456
51.9K
Ray. 🌅
Ray. 🌅@1_rtao·
Original image I gave v0
Ray. 🌅 tweet media
English
0
0
0
24
Ray. 🌅
Ray. 🌅@1_rtao·
Turned Figma poster sketch interactive using v0 ✦ I want to play with different focal point, and let it shifts with your cursor — hover to move it, click to lock it in place. 🎮 Change it here and see how it feels: …-interactive-poster-design.vercel.app
English
1
0
2
82
Ray. 🌅 retweetledi
yui540
yui540@yui540·
CSSアニメーション面白い
日本語
9
60
925
28.4K
Dan ⚡️
Dan ⚡️@d4m1n·
@_chenglou @grok I have this friend that's a bit slow and doesn't understand wtf this is, could you explain it as if you were talking to a person with an IQ under 80
English
8
0
52
9.9K
Cheng Lou
Cheng Lou@_chenglou·
My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept): Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow
English
1.3K
8.3K
65.3K
23.9M
Ray. 🌅 retweetledi
Kevin
Kevin@keviduk·
I recreated @emilkowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼
English
27
19
1.2K
106.6K
Ray. 🌅
Ray. 🌅@1_rtao·
Generative dot grid + cursor repulsion poster. Built using canvas-sketch-cli. Inspired by one of my favorite artists @mattdesl
English
1
0
6
74
Ray. 🌅 retweetledi
Raphael Salaja
Raphael Salaja@raphaelsalaja·
i've distilled everything i've written on userinterface.wiki into a single skill file. 119 rules across 11 categories across animations, timings, ux laws, typography, audio, and more. npx skills add raphaelsalaja/userinterface-wiki
Raphael Salaja tweet media
English
57
180
3.5K
220.6K

Keşfet

@shadcn @d4m1n @_chenglou @grok @emilkowalski @mattdesl @elonmusk @BarackObama