Austin Malerba @austin_malerba
Engineer @elevenlabsio. Prev making @binstadotdev, https://t.co/Ce181unrPC. Catch some of my other experiments at https://t.co/2YltdlT3q9. github.com/malerba118 El Paso, TX Joined January 2020-
Tweets3K
-
Followers7K
-
Following759
-
Likes8K
And here's one of them blurry word reveal effects built on the same utils
And here's one of them blurry word reveal effects built on the same utils https://t.co/3uG01alQRK
1
2
55
59K
63
Download Image
<GradientLine> <video src="/orb.mp4" /> </GradientLine>
The cool thing about these reflections is you can control the opacity and blur on each end
Just a bit of noodlin from last night 👀
Also, making some pretty insane components for gradients, masks, scroll/mouse interactions, etc.
I recently built this <List /> component on top of cmdk/shadcn/radix and it's packed with goodies - multiselection mode - collapsible group headers - interactive list items You'll start seeing this around @elevenlabsio
Oof, just learned this the hard way. Avoid e.preventDefault() on keydown events because once somebody tabs to that element, they will be stuck there...
Mobx lazy computed fields are such an insane cheat code. Consider this beauty.
James 🤌🏻 @jamesm
74K Followers 1K Following Design @clerkdev. I run a tiny design studio @wireframe. Download icons @theiconicapp. Prev: @tailwindlabs
Shu @shuding_
36K Followers 2K Following Core team @nextjs, @vercel AI. @v0, Satori, SWR creator. Don’t talk unless you can improve the silence.
nanda @nandafyi
11K Followers 327 Following i write about computers and stuff @ https://t.co/z75WgBGhPd
Kenneth Cassel @KennethCassel
26K Followers 6K Following YC S21 - doing something in robots X manufacturing. launching soon 👀
Brian Lovin @brian_lovin
57K Followers 2K Following 🏕️ Co-founder @trycampsite 🐙 Prev. @github 🎙 Podcasting @designdetailsfm 📦 Made @staffdotdesign @withspectrum @specfm
Tanner Linsley @tannerlinsley
64K Followers 728 Following ⚔️ Sir Tan of the Stack 🎉 TypeScript 🌎 Web ⚛️Open Source Software💡UI/UX/DX 🎯 SEO 💼Co-Founder @NozzleIO 🛠Creator @tan_stack 👨👩👧👦@Ch_JesusChrist
Zeno Rocha @zenorocha
46K Followers 986 Following Founder & CEO at https://t.co/VDv4R70kzh (YC W23) 💌 https://t.co/zOO7YYd3tO 🧛♂️ https://t.co/YTFlHxxRFa
Jim Raptis @d__raptis
21K Followers 2K Following Indie hacker. Developer. Designer. ✸ Building https://t.co/hdZZyhbjsk | https://t.co/JeOw0q7sBw | https://t.co/PrjbqIyTdn ✸ Sharing tips about SaaS, bootstrapping, design delights
ˏˋrogieˎˊ @rogie
95K Followers 721 Following Digital builder and chaos animal. Advocacy at @figma. Loves horror movies, electronic music, ass-numbing hot sauce, art shit and code stuff.
Sage ⚡️ @thesegunadebayo
18K Followers 222 Following Design Engineer . @Github Star ⭐️ Creator of @chakra_ui, @zag_js, @panda__css 🎨 Design Systems - 🚀 Statecharts - 🛠 Dev tools
Simon Vrachliotis @simonswiss
22K Followers 2K Following 🤗 DevRel & design_gineer @thethinkmill 🎓 Teacher: @protailwind & https://t.co/p1LgeRTiVY 🎙 Podcast: @the_navbar 🎬 YouTube: https://t.co/lc27U4bzJ4
sunil pai, etc. @threepointone
33K Followers 2K Following 🎈 Entscheidungsproblem. Building @partykit_io.
Play @createwithplay
23K Followers 1K Following A better way to design & prototype mobile apps using the power of iOS & SwiftUI. 🖥 📱Try our new macOS & iOS apps 👉 https://t.co/siiesIP85Q
James Clements @jamesvclements
5K Followers 382 Following Design engineer @vercel · https://t.co/QSYAmynbJq
Dmitry Novikov @novikoff
26K Followers 773 Following Runtime Designer at Rive, Making zerocam app, Product Designer, Sound Producer & Photographer based in London. Former Sketch, CleanMyMac, Setapp.
Steffen Strätz @wunderkuh
395 Followers 1K Following Designer & Cosmopolitan. Passionate about fitness, health and self development. Born in Germany, hardened in NYC.
Jhson @Jhson76848968
0 Followers 209 Following
Jen Yuan @jenyuan0
318 Followers 597 Following Entrepreneur + Creative Developer / @cssdesignawards jury member
Nawed Ali @nawed2611
221 Followers 540 Following founder @__paperbrain • building @listnrai • @superteamin cont • @mlhacks fellow
Jerome Janicot @jeromejanicot
99 Followers 241 Following Helping brands attract their ideal customers. Digital Design and Brand Strategy.
molefrog @mlfrg
1K Followers 1K Following Overcoming overcomplication. Author of https://t.co/qbePG0r7tH Former founding engineer at https://t.co/gYT7lcvYHR (acquired)
Markiian Linynskyy @Devilmini
54 Followers 30 Following Founder The Moon 🌙 . Competence Lead at Rolique.
Buddheesha Induwara �.. @BuddheeshaI
0 Followers 429 Following Undergraduate at @SLIIT , Past Student of @RahulaCollege 🇺🇦, Matara
Jens Anders Bakke @cfenzo
190 Followers 661 Following Developer @InmetaCon. Husband, Father, Coder, Designer, Creator, Musician.
anonr @RalfThoughts
88 Followers 738 Following
Anh Nguyen @AnhNguyenWho
64 Followers 2K Following startup stalker | current @tobikodata | prev. intern @netflix, @snap, @confluentinc
Luis Fernández @HiItsLuis
94 Followers 453 Following
𝕮𝖞𝖗𝖚𝖘 .. @Cyrus_GN
483 Followers 298 Following I do things. Great things, small things, good things and necessary things.
Niels @nkootstra
758 Followers 576 Following
Sai Abishek Bhaskar @saiabishek1
235 Followers 2K Following ML + Infra @Apple. Prev @LTIatCMU @ManipalUniv
wakamole @davide_loca94
0 Followers 294 Following
six @six51099183
142 Followers 1K Following
Utkarsh Singh Chouhan @uscutkarsh9
24 Followers 113 Following "👨💻Passionate software developer 🚀 | Frontend Engineer at https://t.co/AbRu2zDp6T💻 | Currently building Forescribe🌟 | #SoftwareDev #ReactJS "
Jacob Paris @jacobmparis
8K Followers 2K Following 🥑 Sly CLI 💻 Remix dev 🥚 instructor @eggheadio 🍊 ex-gitpod, ex-amazon, ex-apple (devrel, delivery, genius bar)
lexie @onlexiebug
19 Followers 378 Following
Michael K @MKassabov
62 Followers 527 Following building products in private when they should really be built in public :/
Joe di Stefano @joeydi
735 Followers 968 Following Kicking ass and making friends. Design and dev for the web @_simplecreature.
seyitan oke @thisisoke
626 Followers 2K Following (Shey) v curious designer into creator tools & XR. ex @unity 👨🏿💻🥽🇳🇬 🇨🇦 *opinions are all mine*
Michael @Michael41167166
0 Followers 206 Following
Craig Ruks @craigruks
45 Followers 36 Following 💻 Full stack developer 20+ years (shoutout IE6 z-index) 💰 Freelance for runway, recently sold a business 🌏 Living abroad 7+ years 🧠 Learning is play time
joshbreite.eth @joshbreite
624 Followers 3K Following Co-founder @_joinfire | @KERNEL0x block 7 | Prev @joinatomic | @joinpogo | @northwesternu
Abdush Shakoor @MegaColorBoy
48 Followers 558 Following I’m just curious, always @ https://t.co/1W5hQmYlkS
nusu @nusualabuga
4K Followers 2K Following ✰ https://t.co/FkRnkawDGg ✰ https://t.co/OMDWRraQrV ✰ https://t.co/BiXL4N20By
Matheus Moura @matheusmoura_me
0 Followers 96 Following
大鱼 @ododopop
31 Followers 756 Following
piducancore @piducancore
83 Followers 685 Following I'm a software developer from the end of the world.
Yasir Quazi 📸 @DarthVermillion
260 Followers 2K Following Product Designer | Light catcher | Always mesmerized by nature https://t.co/TAQX4LR7Vl…
Eric @osterkraft
161 Followers 2K Following
rauno @raunofreiberg
54K Followers 335 Following
☄︎ @0xca0a
46K Followers 927 Following
Matt Pocock @mattpocockuk
142K Followers 581 Following Full-time TypeScript educator. Ex-@vercel, @statelyai. Used to be a voice coach. He/him. Author of Total TypeScript 🧙 Hire me to teach your team TypeScript!
Josh W. Comeau @JoshWComeau
127K Followers 2K Following Indie hacker and educator. Blogging at https://t.co/kbdJDUdLg5. Previously @gatsbyjs, @digitalocean, @concordia_btcmp, @khanacademy. He/Him 🌈
Lee Robinson @leeerob
126K Followers 706 Following VP of Product @Vercel. Helping developers build a faster web. Teaching about React and Next.js.
Sam Selikoff @samselikoff
27K Followers 573 Following Making quality videos on frontend development. @_buildui · @frontendfirstfm · @velocity_fm
James 🤌🏻 @jamesm
74K Followers 1K Following Design @clerkdev. I run a tiny design studio @wireframe. Download icons @theiconicapp. Prev: @tailwindlabs
Steve (Builder.io) @Steve8708
87K Followers 685 Following CEO @builderio - design to production, faster
Shu @shuding_
36K Followers 2K Following Core team @nextjs, @vercel AI. @v0, Satori, SWR creator. Don’t talk unless you can improve the silence.
Jarred Sumner @jarredsumner
96K Followers 786 Following building @bunjavascript. formerly: @stripe (twice) @thielfellowship. high school dropout. npm i -g bun
nanda @nandafyi
11K Followers 327 Following i write about computers and stuff @ https://t.co/z75WgBGhPd
jhey ▲🐻🎈 @jh3yy
99K Followers 149 Following ⚡️ Showing you how to bring ideas to life with code 💼 Senior DX Engineer at @vercel 🫡 Prev: @google 🐻 https://t.co/rRqcWhrAgW 📺 https://t.co/7FlZg84Rr8 ❤ @seaotta
Pedro Duarte @peduarte
23K Followers 736 Following Hype @raycastapp • Co-creator @radix_ui, @stitchesjs • Prev @rainbowdotme
shadcn @shadcn
87K Followers 187 Following building → @v0 - https://t.co/HJcOr0AmKT - https://t.co/5Zh4De1fom
Bruno Simon @bruno_simon
61K Followers 611 Following Creative developer • Freelancer • Teacher • WebGL lover Learn how to create stunning 3D websites 👉 https://t.co/vAW4e3Er2Q
Spline @splinetool
83K Followers 4K Following 👋 A friendly 3d collaborative design platform that runs in the browser. https://t.co/BcHCGpzeK5 👈 Join our community. We are hiring!
Jacob Paris @jacobmparis
8K Followers 2K Following 🥑 Sly CLI 💻 Remix dev 🥚 instructor @eggheadio 🍊 ex-gitpod, ex-amazon, ex-apple (devrel, delivery, genius bar)
Jan @happydesign_
1K Followers 370 Following Crafting your business pixel by pixel at https://t.co/tO7SQG7pPA ✦ Product design ✦ Branding ✦ Prototypes ✦ Ideas
Algo @algotv
3K Followers 210 Following is a motion & data-viz studio specializing in video automation. We build dashboards that turn data into videos, at scale. Sister studio of @illotv 🤖
Stephanie Bruce @stefbrucedesign
2K Followers 330 Following Freelance digital designer & Framer expert // Sharing my journey into web design and coding
Jim Raptis @d__raptis
21K Followers 2K Following Indie hacker. Developer. Designer. ✸ Building https://t.co/hdZZyhbjsk | https://t.co/JeOw0q7sBw | https://t.co/PrjbqIyTdn ✸ Sharing tips about SaaS, bootstrapping, design delights
Hamza Ehsan @hxmzaehsan
3K Followers 336 Following Music Producer-turned-Web Designer & Digital Creator • Building https://t.co/sqX6SpH1T9 & https://t.co/ZDSoyjQzzb.
Anton Lapko @anronkai
4K Followers 519 Following Tweets about design, tools, productivity, and more. Designer at Superblocks. Creator of @anronpro — highly flexible & stylish icons for Figma & IconJar.
Igor bedesqui @bedesqui
3K Followers 2K Following Not that creative yet design engineer @axiomFM — Prev @IBM Winner of @t3dotgg awards' “Best content farm of 2022”
Node.js @nodejs
881K Followers 637 Following The Node.js JavaScript Runtime. 🐢🚀 Need help with Node.js? We've got a repo for that: https://t.co/BaCSQqilHm @[email protected]
TanStack @tan_stack
22K Followers 77 Following 🌎 Open Source Software for the Web👨🏽💻TypeScript 👻 Headless ⚒️ Query, Router, Table, Virtual, Form
SolidJS @solid_js
34K Followers 35 Following Simple and performant reactivity for building user interfaces. Discord: https://t.co/tEWWSIlWaF
Vite ⚡ @vite_js
89K Followers 163 Following Fast and simple build tool for the web. It's pronounced /vit/ like Veet! Discord chat: https://t.co/2jP3bCBsxu, Mastodon: @[email protected]
Tailwind CSS @tailwindcss
228K Followers 0 Following The utility-first CSS framework. Rapidly build modern websites, without ever leaving your HTML.
ankur @madebyankur
981 Followers 1K Following Principal Product Designer @auth0 (acq. @okta) • Frontend Hackgineer
udio @udiomusic
28K Followers 0 Following
Kushagra Agarwal @kushsolitary
4K Followers 392 Following designer/engineer hybrid 👨🎨 Building @gosupersonic @css_battle 👷♂️ Made https://t.co/AZGG6rCCgN https://t.co/wPer1eBqYY https://t.co/l1hc5DjVi4 ✉️ [email protected]
Dmitry Kurash @DmitryKurash
2K Followers 468 Following Websites and Brand Designer ✦ Available for work ✦ Visit https://t.co/FAqHpfORPe ✦ 14+ Years Designing
Nev Flynn @NevFlynn
5K Followers 768 Following Design Engineer @elevenlabsio. Prev. Head of Product @evervault. Built https://t.co/uaHYoh2YfV (acquired '23) on the side. Filling the gaps with music.
Daniel Edrisian @DanielEdrisian
2K Followers 833 Following swe @elevenlabsio prev: @flutterflow @google @facebook @apple // @ucberkeley eecs
Sam Sklar @_samsklar
487 Followers 497 Following growth @elevenlabsio. previously co-founder at @cudasalesco, back log prioritizer @mainstreet, @intuit | math @stanford
Karri Saarinen @karrisaarinen
50K Followers 1K Following ceo of @linear | previously: design at @airbnb, @coinbase. yc alumn (s12)
Marc Andreessen 🇺�.. @pmarca
1.4M Followers 24K Following Techno-optimist. E/acc. Technology brother. Move Fast and Make Things. p(Doom) = 0; p(“1984”) = not 0.
Luke Harries @LukeHarries_
3K Followers 4K Following Head of Growth at @ElevenLabsio. Previously: Interim Head of Product @PostHog, Co-Founder @FellaHealth (backed by YC), ML Engineer @Microsoft
Jeroen Reumkens — F.. @JeroenReumkens
2K Followers 3K Following Some call it Design Engineer, I call it the craft of frontend. That’s what I teach. — https://t.co/V6ZSHM3bCs — https://t.co/XnyqxkV9Qz — https://t.co/WWaSeuNKKY
Nate @natebirdman
7K Followers 495 Following @tamagui_js / https://t.co/5RM3xyhrX9 / https://t.co/Ugonvw9FP0 https://t.co/v9X9JMQPCy https://t.co/RVm1xv8Y3F
Sharif Shameem @sharifshameem
53K Followers 3K Following founder @LexicaArt • in pursuit of good explanations
Andreas Klinger 🏝 @andreasklinger
56K Followers 4K Following First-check and first-round investor – https://t.co/MQEPoZ05p2 – prev: 🔧 CTO & co @beondeck @producthunt @coinlist @angellist – ❤️ @susanneknoll – 💬 DMs open
Ibelick @Ibelick
2K Followers 372 Following Software developer with a focus on 𝙞𝙣𝙩𝙚𝙧𝙛𝙖𝙘𝙚𝙨 ⏤ Open for freelance projects/collabs. DM or email me!
Mariana Castilho @mrncst
11K Followers 640 Following Senior product designer @vercel — prev @onuniverse @uber
Kasper Mikiewicz @Idered
1K Followers 691 Following Building https://t.co/w9ra7dWb3T - Snapshot Maker
Ammaar Reshi @ammaar
39K Followers 1K Following Head of Design @elevenlabsio // Prev. @brexhq, @PalantirTech // Exploring AI and sharing learnings • 🇵🇰
Manoela Ilic @crnacura
25K Followers 2K Following Creative developer @codrops · available for hire 👉 [email protected] #uidesign #animation #webdesign #frontend #css
Ben South @bnj
10K Followers 991 Following current: exploring • past: founder @bold (acq. by @postmates) and @sonar (acq. by @avara), @ycombinator
BrendanEich @BrendanEich
182K Followers 2K Following Co-founder & CEO @Brave Software (https://t.co/NV4bmd6vxq) and @attentiontoken (https://t.co/XhGIrdBJWu). Co-founded Mozilla & Firefox. Created JavaScript.
Z 🏴☠️ @username_ZAYDEK
4K Followers 1K Following
armando @iseearmando
19 Followers 81 Following
What is this tiny handle on the syrup vessel for
@whatthebluck @AdamRackis @EffectTS_ I don't like the argument that "once you learn it, it's easy" - this is well-meaning, but disingenuous. The cost is real, and compounds over time as you hire folks to your team.
@austin_malerba Haha 😅 On par with CRAs "Please enable JavaScript to see this site"
@austin_malerba Gonna have to play with it some more 🤔 First run at these was when GSAP ScrollTrigger came about and combining that with ScrollSmoother Current goal is a server component so there's no client side script and works as a progressive enhancement 👨🔬
@austin_malerba That's the trickiest part 🤔 Can give words like a "pixel per character" and then make that a different value at different viewport sizes or use vmin, etc. to trigger the transition The easiest way being only activate animation at larger viewports 😅
@austin_malerba Been riffin' on this kinda thing again too 🤙 Funny how the different UI patterns do the rounds 😁 The thing I find interesting with text animation is keeping it responsive without scripting it all. Messing with blur and translating the text for this
@austin_malerba I am once again begging you Drop the codepen 😭
So smoooth
And here's one of them blurry word reveal effects built on the same utils
Luke warm take: most Node and web projects should just use npm. It works fine and doesn't require contributors to install an alternate package manager. git clone x cd x npm ci npm run build should be the standard getting started steps
@austin_malerba A+ use of tswift lyrics as placeholder text
I saw a design somewhere that is similar to this one, but here is mine with a little drag gesture
Design systems work is very serious.
🧻 Life can get pretty sh*tty sometimes – So here is a toilet paper menu for ya
Trends for United States
36,2 B posts
5.430 posts
2.057 posts
3.074 posts
24,9 B posts
3.119 posts
1.911 posts
1,06 Mn posts
3.110 posts
64,6 B posts
19,2 B posts
5.373 posts
23,5 B posts
40,9 B posts
6.939 posts
35,1 B posts
27,5 B posts
4.377 posts
34,5 B posts
You might like
nanda
@nandafyi
11K Followers
Paco
@pacocoursey
28K Followers
shadcn
@shadcn
87K Followers
Emil Kowalski
@emilkowalski_
23K Followers
Shu
@shuding_
36K Followers
rauno
@raunofreiberg
54K Followers
Emili
@Emili_Iv
2K Followers
Matt Perry
@mattgperry
16K Followers
Astro
@astrodotbuild
64K Followers
Thibaut Foussard
@_Thibka
2K Followers
Radix
@radix_ui
29K Followers
Pixotronics
@pixotronics
4K Followers
☄︎
@0xca0a
46K Followers
Nam Hai
@_NamHai
1K Followers
jhey ▲🐻🎈
@jh3yy
99K Followers