Built a draggable light switch with GSAP β‘
Drag past 60%, release, and inertia smoothly snaps it ON. Drag back to turn it OFF.
Small interaction. Big UX difference.
Github Link - github.com/Soumipal56/gsap
#GSAP #JavaScript #WebDevelopment #FrontendDev #UIAnimation
1
11
Jun 13
Micro-Interaction Part 3: Toggle Switch ποΈ
Tactile digital switches are all about the spring and physics. Built in @riveapp using standard Boolean logic and custom spring curves.
#interactive #uianimation #motiondesign #rive
10
Day 6 of posting my best motion designs. This one I made for @X π₯π§βπ¨π¨βοΈπ§
#motiondesign #uianimation #postathon #day6 #motiongraphics #animation #videoeditor
1
33
Jun 13
Hover β Click β Release: The Perfect Micro-Interaction. π€
Here is Part 2 of my Interactive Micro-Interaction series: a custom Heart Icon Button built in @rive_app
#rive #interactive #uianimation #uiux #motiondesign
28
Day 5 of posting my best motion design projects.
Motion design I made for @Spotify βοΈπ§βπ¨π¨.
#Postathon #uianimation #motiondesign #motiongraphics
1
5
38
Jun 11
Just an idea generated by ChatGPT and a challenge to bring it to life.
Here's the result. π‘οΈπ¨π§βπ»
#MotionDesign #AfterEffects #UiAnimation #SaaSDesign #MotionGraphics
1
22
Post-a-thon Day 4: Posting my best motion design projects.
Not a single prompt was used β
π§βπ¨ π¨ βοΈ
This one was for KiorraCard.
#motiongraphics #motiondesign #uianimation #postathon #best
Introducing Claude Fable 5: a Mythos-class model that weβve made safe for general use.
Its capabilities exceed those of any model weβve ever made generally available.
33
Jun 10
Built this product showcase animation for a client β¨
Combining UI design, motion, and storytelling to create a premium product experience.
Feedback is welcome!
#UIDesign #UXDesign #MotionDesign #UIAnimation #Figma #ProductDesign #DesignInspiration #CreativeWork #DigitalDesign
1
61
Post-a-thon Day 3: Posting my best motion designs.
#MarvelTheKreator #MotionGraphics #UIAnimation #PostAThon
24
Interactive character in @rive_app with three selectable mood states: Idle, Happy, and Angry.
Interactive version available on the Rive Marketplace:β¨rive.app/community/files/278β¦
#Rive #InteractiveAnimation #MotionDesign #CharacterAnimation #UIAnimation #GameDesign #CreativeCoding
1
1
28
1,147
Jun 9
1
2
26
Post-a-thon Day 2: Posting my best motion designs π₯β
π§βπ¨
Motion design concept for @GeminiApp
Rate from 1-10!
#MarvelTheKreator #MotionGraphics #UIAnimation #GeminiAI #PostAThon
2
2
8
121
Jun 9
Part 2/10 β "No Engineer Needed."
"Which deals need attention today?" β and the AI justβ¦ works. π€
Live data. Real signals. Designed to feel intelligent, not robotic. π₯
#figma #UIAnimation #ClaudeCode #BuildInPublic
1
25
Bringing cars closer to your doorstep through powerful motion design. πβ¨
This latest animation project showcases a seamless car importation experience, featuring dynamic website UI animationsShipping #AutomotiveMarketing #UIAnimation #WebsiteAnimation #UIDesign #WebDesign
2
5
167
Jun 8
Part 1/10 of "No Engineer Needed."
Built an AI sales agent's daily workflow UI β every state, every transition, fully intentional.
Follow along. It gets better. π₯
#NoEngineerNeeded #ProductDesign #UIAnimation #ClaudeCode #BuildInPublic #DesignEngineer
2
2
84
Jun 5
Most React UIs look identical.
Same card layout. Same button styles. Same boring fade-in.
Because every project starts from the same five shadcn components.
@DavidHDev decided to fix that.
DavidHDev/react-bits β 40,000 GitHub stars, one of the fastest
growing React projects of 2025, and the most creative animation
library in the entire React ecosystem.
Here's what makes it different from every other component library:
β 130 animated components β text animations, UI effects, backgrounds
β Every component ships in 4 variants:
JS-CSS, JS-TW, TS-CSS, TS-TW β no one gets left out
β Copy-paste ready β own the code, no version lock-in
β Fully customizable via props β tweak without touching the source
β Minimal dependencies β lightweight and tree-shakeable
β shadcn jsrepo CLI support β install in one command
β Text animations β split, blur, scramble, typewriter, rotate
β Backgrounds β aurora, particles, mesh gradient, noise, waves
β UI components β tilt cards, magnet buttons, spotlight effects
β Growing weekly β new components drop regularly
β MIT licensed β 1,800 forks, 500K developers reached monthly
This is what your landing page looks like when you stop
defaulting to the same template everyone else uses.
Discovered on OSSphere : ossphere.dev/DavidHDev/reactβ¦
What's the one UI animation you've always wanted but never found
a clean implementation for? Drop it below π
#ReactBits #ReactJS #OpenSource #UIAnimation #BuildInPublic #Frontend #WebDevelopment
2
84
Brought this UI to life with motion β‘οΈ
Took a static design and animated it in Jitter to make the experience feel more polished, interactive, and engaging.
#UIDesign #UIAnimation #Jitter #MotionDesign #Figma #ProductDesign #CreativeDesign #DesignTwitter #Buildinpublic
2
2
13
338
Jun 2
Recreating an Omnixie Clock in @rive_app
Using vectors, components, and scripting, I recreated the classic Nixie tube style.
Iβve left the Rive link in the comments below π
Inspired by the Omnixie Clock project by Dalibor Farny
#Rive #VectorAnimation #UIAnimation
1
3
27
1,247
Jun 1
Day 3: Tap & swipe animation.
Oh wait, so THAT'S how swipe animations are made π²More to learn, let's go
#MotionGraphics #AfterEffects #UIAnimation
2
36
May 28
The first motion video that I recreated few months ago when I started learning Motion design, the journey hasn't been easy . I swear ππ€¬.
#MotionGraphics #MotionDesign #SaaS #Startup #ExplainerVideo #UIAnimation #ProductMarketing #BrandStorytelling #TechStartup #CreativeCollaboration
2
153