Played around a bit with the onboarding flow for the app I'm building.
Made with @expo + react-native-screen-transitions by @trpfsu for the smooth layout transitions between screens 🔄
To get good animations from an AI you need to get good at telling it what you want:
- "stagger this list of items"
- "make this animation direction-aware"
- "spacial consistency", "crossfade", "layout animation",
I made a motion vocabulary for this:
https://t.co/ExAxpr31no
2 hours of Shuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuizshuiz
Perpetuals trading powered by @HyperliquidX is now live at DeFi Saver.
This marks a major step in our mission towards providing access to all of DeFi within one app.
Hyperliquid markets combined with signature DFS features are now available at: https://t.co/rziaen5COr
UI/UX Designers, If you're new to design animation, this post is for you.
Here are 12 essential principles of UI/UX animation that you should know when animating your next UI design project.
Bookmark it for later 💜
Get beautiful text animations.
We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library.
It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt.
Install it with:
npx skills add pixel-point/animate-text --skill animate-text
Use it
/animate-text apply soft-blur-in to hero section text
Worked on this fun component for our onboarding at Interfere that shows which step you're on.
Can't wait for everyone to go through it, definitely one of my favorite parts of the app.
@jordienr I noticed that if u manually overwrite some of his changes and give him a new prompt not related to previous, he will just return those changes you just overwritten, its a bit annoying