Animata.design

52 posts

Animata.design banner
Animata.design

Animata.design

@AnimataDesign

Building animated components and micro-interactions for ReactJS ecosystem.

Nepal Katılım Haziran 2024
4 Takip Edilen104 Takipçiler
Animata.design retweetledi
Carl 💥 Creative Coding Club
Carl 💥 Creative Coding Club@snorklTV·
"If you want to learn a ton about GSAP and get your hands into the code, this is by far the best deal you will ever see. " -- Me I was running this sale for a few weeks, but folks were suspicious thinking it was "too good" to be true. In addition to being "too good" it was also pretty insane 🤪 and devalued the years of work I put into this training. I announced yesterday on LinkedIn that it would end today, but due to the overnight spike in sales we're going 1 more day...
Carl 💥 Creative Coding Club tweet media
English
9
8
32
34.3K
Animata.design retweetledi
Hari · animata.design
Hari · animata.design@harimanok_·
Day 11 of improving Animata! 🆕 ROLL TEXT This transition looks simple, but getting it to feel right was surprisingly difficult. • font-kerning: none to fix spacing issues between character and word modes • clip-path over overflow: hidden to prevent text clipping • Custom hover animation control so animations finish before a new one starts The best UI animations are often the ones users never notice.
English
1
1
7
219
Thariq
Thariq@trq212·
Lots of people asked how I used Fable to edit its own launch video so I made a video about that! TLDR it wrote a lot of code & tool calls to use transcription services, ffmpeg, do colorgrading, use the figma mcp, make remotion UI and render it. I didn't touch a video editor.
English
297
631
9.4K
1M
Animata.design retweetledi
Hari · animata.design
Hari · animata.design@harimanok_·
Day 9 of updating Animata - React Components! 🆕component - hyperspace scatter In the video 👇, a demo created with the new one + updated glitch text.
English
1
1
4
128
Animata.design retweetledi
Hari · animata.design
Hari · animata.design@harimanok_·
Day 5 - Get this Gooey Tab created using SVG effect. Notice the nice effect when tabs are together or when animating? <𝙶𝚘𝚘𝚎𝚢𝚃𝚊𝚋𝚜 defaultActiveIndex={𝟶}> <𝙶𝚘𝚘𝚎𝚢𝚃𝚊𝚋𝚜.𝙻𝚒𝚜𝚝> <𝙶𝚘𝚘𝚎𝚢𝚃𝚊𝚋𝚜.𝚃𝚊𝚋 color="𝚋𝚐-𝚟𝚒𝚘𝚕𝚎𝚝-𝟻𝟶𝟶 𝚑𝚘𝚟𝚎𝚛:𝚋𝚐-𝚟𝚒𝚘𝚕𝚎𝚝-𝟼𝟶𝟶" label="𝙷𝚘𝚖𝚎"> <𝙶𝚘𝚘𝚎𝚢𝚃𝚊𝚋𝚜.𝙸𝚌𝚘𝚗> <𝙷𝚘𝚞𝚜𝚎𝙸𝚌𝚘𝚗 weight="𝚍𝚞𝚘𝚝𝚘𝚗𝚎" aria-hidden /> <𝙶𝚘𝚘𝚎𝚢𝚃𝚊𝚋𝚜.𝙻𝚊𝚋𝚎𝚕>𝙷𝚘𝚖𝚎 Source code below 👇
English
1
1
3
119
Animata.design
Animata.design@AnimataDesign·
Go check
Hari · animata.design@harimanok_

Day 4 - Navigation bar import 𝚂𝚒𝚋𝚕𝚒𝚗𝚐𝙵𝚘𝚌𝚞𝚜𝙽𝚊𝚟 from "@/animata/container/𝚜𝚒𝚋𝚕𝚒𝚗𝚐-𝚏𝚘𝚌𝚞𝚜-𝚗𝚊𝚟"; <𝚂𝚒𝚋𝚕𝚒𝚗𝚐𝙵𝚘𝚌𝚞𝚜𝙽𝚊𝚟 mode="𝚋𝚕𝚞𝚛" aria-label="𝙵𝚘𝚘𝚝𝚎𝚛" className="𝚐𝚊𝚙-𝚡-𝟼"> <𝚂𝚒𝚋𝚕𝚒𝚗𝚐𝙵𝚘𝚌𝚞𝚜𝙽𝚊𝚟.𝙻𝚒𝚗𝚔 href="/𝚍𝚘𝚌𝚜">𝙳𝚘𝚌𝚜 <𝚂𝚒𝚋𝚕𝚒𝚗𝚐𝙵𝚘𝚌𝚞𝚜𝙽𝚊𝚟.𝙻𝚒𝚗𝚔 href="/𝚌𝚑𝚊𝚗𝚐𝚎𝚕𝚘𝚐">𝙲𝚑𝚊𝚗𝚐𝚎𝚕𝚘𝚐 Check the source code below 👇

English
0
0
0
21
Derrick Choi
Derrick Choi@derrickcchoi·
What role specific plugins do you want us to create next? Team is cooking on more.
Derrick Choi tweet media
English
137
9
373
31.6K
OpenAI Developers
OpenAI Developers@OpenAIDevs·
More of the iOS app loop, now inside Codex. The Build iOS Apps plugin lets Codex view and test your iOS app in the in-app browser, open SwiftUI previews, and hot reload edits without leaving Codex.
English
301
725
9K
2.1M
Animata.design retweetledi
Anni Maan ⚡️
Anni Maan ⚡️@Anni_Maan·
Join the Nextbunny waitlist to get an early invite 🔥 Beta users get first access to premium features and the editor before public launch. Limited spots. I want the first users to feel like insiders. nextbunny.co
Anni Maan ⚡️ tweet media
English
2
2
7
217
Animata.design retweetledi
Ali Bey
Ali Bey@alibey_10·
status button by @animatadesign npx shadcn add https://animata .design/r/button/status-button.json
English
1
1
24
1.3K
Shashi (シャシ)
Shashi (シャシ)@shashpicious_·
claude design faded out in a week like it never existed.
English
153
41
1.8K
128.1K
Animata.design
Animata.design@AnimataDesign·
@im_roy_lee Just give me a glass display with a real-time voice assistant for coding and visual feedback
English
0
0
0
1K
Roy
Roy@im_roy_lee·
we tried to build this ourselves at cluely, but it's a hard problem to solve fundamentally the problem is with the models for proactive ai glasses (or even just proactive ai), you need > sub 300ms response time > continuous visual scene understanding > super high precision on "when to help" > insane context window > ultra low-friction output (a text blob is high friction) and like 10 other core features that just don't exist yet impressed that this team does not stop and are constantly finding workarounds to try and win an obvious future form factor
AnhPhu Nguyen@AnhPhuNguyen1

with Mira, AI can now live on your face. capture every conversation. create the most personalized form of AI ever. order now.

English
139
66
2.5K
498.8K

Keşfet

@ann_nnng @alexprokhorov @bogdan_qclay @rayjbjang @trq212 @harimanok_ @derrickcchoi @OpenAIDevs