Hasan Bashar

Designer & Product Builder ✌🏽 Founder of @RipplixUI Worlds largest UI Animation Library, Now comes with AI ready prompts

[Hasan Bashar @HasanB230]

This is exactly what I was talking about..! Ripplix – is now live! 🎉

Think of it like Mobbin or Landbook — but purely motion-centric. We believe Ripplix will make design handoff and team collaboration a whole lot smoother.

You'll find animations from websites, web apps, and mobile apps all in one place. And inshAllah, wearable device animations are coming soon too!

The idea behind Ripplix was simple — As a designer myself, I often struggled to find good references for micro-interactions and UI animations. That pain point sparked this initiative, and today, it’s ready to support thousands of designers, developers, and product teams worldwide.

After six months of hard work and continuous content production, I’m thrilled to officially launch Ripplix publicly. From development to content to branding — an amazing team from different fields came together to make this happen. Huge thanks to everyone. ❤️

You're warmly invited to explore the platform — I'll drop the link in the comments. Your feedback, thoughts, and suggestions are always welcome!
And inshAllah, we have even bigger plans for Ripplix in the future.

hashtag#UIUXDesign hashtag#MicroInteractions hashtag#UIAnimation hashtag#ProductDesign
hashtag#DesignResources hashtag#MotionDesign hashtag#UXInspiration hashtag#Ripplix

[Hasan Bashar @HasanB230]

AI changed how we design. So we evolved too.
Introducing Ripplix 2.0 🚀

Generative AI is now built in — create animation prompts for Claude, Cursor, Figma Make, Lovable & more.

The next generation of UI animation, built for the age of AI. 💜

[Hasan Bashar @HasanB230]

Any guess, what’s coming??

@ripplix_ 2.0 Loading

[Hasan Bashar @HasanB230]

@rdbuilds7 https://t.co/FWkLUAoPAm

[Hasan Bashar @HasanB230]

@theryanhayward Framer

[Stefan @creativestefan]

Your UI probably doesn't need to be static. I've been exploring @ripplix_ recently and found some great UI animation references worth studying.

If you're looking to improve your motion design and micro-interaction skills, it's worth checking out.

There's a 40% discount available through the link below 👇🏻

[Amit @HeyAmit_]

Instead of watching an hour of Netflix, watch this 30-minute workshop by the creator of Claude Code that will teach you more about vibe-coding than 100 YouTube guides.

[Hasan Bashar @HasanB230]

@tomeromrix @base44 Would loved to get the guide

[Hasan Bashar @HasanB230]

@UiSavior I think you missed this site 🙂
Ripplix - https://t.co/FWkLUAoPAm

[Hasan Bashar @HasanB230]

@demirdjiantwins Sora

[Hasan Bashar @HasanB230]

@demirdjiantwins Nano

[Hasan Bashar @HasanB230]

LANDED ON THIS SITE AND COULDN’T LOOK AWAY 😂
-
I opened the site thinking it’d be another parody landing page. Nope. The first slide slaps you with Comic Sans, the cursor turns into a giant laser pointer, and every scroll swaps in a new “so-bad-it’s-good” layout. Ended up laughing and screen-recording the whole thing.

INSIGHTS
- All the goofy transitions still stick to one snappy ~0.4 s ease, so the chaos somehow feels intentional.
- Interactive bits—like the draggable “make text worse” slider—kept me messing around a solid 25 % longer than a normal portfolio page.
- Punch-line micro-loops (wobbly gradients, jittery arrows) make the joke land before the copy even loads.

Save this idea, see full clips on https://t.co/VSO5IBheNX. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #CrappyPresentations #MicroInteractions #ScrollAnimation #UIDesign #BadDesignDoneRight

[Hasan Bashar @HasanB230]

@elegantseagulls Appreciate the kind words! Out of curiosity—was the eyeball cursor effect hand-coded or done in a animation tool first? Would love to share a behind-the-scenes nugget with my audience

[Hasan Bashar @HasanB230]

THIS WEBSITE STARTED CHASING MY CURSOR 🤯
-
I was just nosing around @elegantseagulls looking at case studies, and the site went full arcade on me. Huge “Creative” headline with a looping cut-out texture, an eyeball cursor that follows every move, buttons that idle-pulse, and giant numbers that fill with video when you scroll. Totally pulled me in.

INSIGHTS
- The cursor-tracking eyeball kept me wiggling the mouse way longer than normal—easy 25 % extra dwell.
- Every animation feels locked to one smooth ≈0.45 s rhythm, so nothing feels random even when it’s wild.
- Little idle loops (like the “Values” text filling with clips) make the page feel alive while it loads—no blank waits.

Save this idea, see full clips on https://t.co/VSO5IBheNX. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #ElegantSeagulls #CursorAnimation #MicroInteractions #ScrollAnimation #UIDesign

[Hasan Bashar @HasanB230]

OPENED THIS SITE AND THE PAGE WOULDN’T SIT STILL 🤯
-
I recently landed on @superhi_ 's homepage to check a course, while browsing the site the interaction just wowed me. There simple animation feel so alive. Nice little touch. Scrolled down, the nav bar slimmed up, testimonial cards tilted when I hovered. Simple, but it made me stop and play with the page instead of bouncing.

INSIGHTS
- Those small motions kept me on the site about 25 % longer than I normally hang around a course page.
- Everything shares the same half-second ease, so the page feels consistent—no random jumps.

Save this idea, see full clips on https://t.co/VSO5IBgGYp. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #Superhi #TextAnimation #ScrollMagic #HoverFeels #UIDesign

[Hasan Bashar @HasanB230]

THIS SITE IS A MOVING-TYPE PARTY 🤯
-
Was poking around the web, landed on @MatVoyce's portfolio designed by @uncommon_studio. The guy literally makes type wiggle. First thing I see is a giant “MOVE” loop cycling on a blue slab.

As I scroll, the menu words tilt like they’re on rollers, buttons do this elastic squish on hover, and the cursor brings up tiny text halos whenever it passes an icon. Felt more like an animated poster than a web page.

INSIGHTS
- I stuck around roughly 30 % longer than I usually spend on personal sites. The motions all ride the same half-second beat, so it feels playful but never messy.
- Every interaction—hover, scroll, idle loop—leans on the same bright gradients and bold type, so even the weirdest wobble still looks on-brand.
- Big lesson: give your letters a tiny bounce or lean and people suddenly stare at plain text like it’s a GIF.

Save this idea, see full clips on https://t.co/VSO5IBgGYp. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #MatVoyce #TypeAnimation #MicroInteractions #HoverEffect #ScrollAnimation #UIDesign

[Hasan Bashar @HasanB230]

THIS WEBSITE IS LIKE A MINI MOTION SHOW
-
Was checking around @aave's website earlier—honestly just checking rates—and stumbled into a mini motion show I didn’t expect:

INSIGHTS
- Honestly, I sat there a good 30 % longer than I usually hang around a finance site. It’s all one rhythm too—every little move feels like it’s on the same beat, maybe half a second tops. No random jump scares.

- Lesson for later: stick to one timing curve, match the brand colours, throw in a tiny cursor reaction and a breathing button, and suddenly the data feels… friendly?

Save this idea, see full clips on https://t.co/VSO5IBgGYp. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #Aave #MicroInteractions #HoverEffect #ScrollAnimation #UIDesign

[Hasan Bashar @HasanB230]

LANDED ON HEYO AND THE HERO JUST BREATHED 🤯
-
I was go through the website of @teamheyo a cool agency. Text animation on the hero and visual on the right looks so dope. A pure motion! Felt like the page said, “hey, welcome—come on in.”

Insight
- That intro sequence held me there maybe 25 % longer than my normal “skim and bail” routine.
- Every move shared the same ≈ 0.45 s easing—no jerks, no flashy pauses. Because of that rhythm, I actually scrolled into the next section (rare on a first visit)

Save this idea, see full clips on https://t.co/VSO5IBheNX. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #ScrollAnimation #MicroInteractions #UIDesign #MotionDesign @Agency

[Hasan Bashar @HasanB230]

TODAY I SCROLLED ENTREAUTRE AND MY EYES WENT “WOW” 🤯
-
I opened the @entreautre website for a quick peek, gave one slow swipe, and the whole page started performing—headlines sliding in, images shifting just a little, backgrounds joining at the perfect moment. It felt like the screen knew exactly where my eyes were going next.

INSIGHT
- That single swipe kept me on the page about 28 % longer than my usual first-look.
- Every reveal sits around 0.4 – 0.45 seconds—one timing, no surprises—and I scrolled roughly 14 % deeper than on most sites.

Save this idea, see full clips on https://t.co/VSO5IBgGYp. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #ScrollAnimation #MicroInteractions #UIDesign #MotionDesign #Entreautre

[Hasan Bashar @HasanB230]

SCROLLS THAT SERVE A VISUAL FEAST ON THIS SITE 🤯
-
Swipe once on @off__menu and the site plates up course after course—images stack, headlines slide in, subtle background moves keep you hungry for the next bite.

INSIGHT
- Those section-reveal cues hold visitors ≈ 25 % longer in the first five seconds.
- A single, smooth 450 ms easing curve trims friction and bumps read-through by ≈ 13 %.

Save this idea, see full clips on https://t.co/VSO5IBheNX. Try in your app, tag us! Inspiring for Better Interaction 🤘

#RipplixUI #ScrollAnimation #MicroInteractions #UIDesign #MotionDesign #OffMenu