The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Make your UI feel alive. This Interactive Liquid-Transition Play/Pause component blends smooth morphing animation with magnetic micro-interactions to elevate user experience beyond basic toggles. Built with Next.js & React, it’s lightweight, and responsive—perfect for modern web apps that demand premium feel and performance.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #css #web #saas #producthunt #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #reactjs #animations
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
There's always been a gap between what print designers do and what web designers are allowed to do. It mostly comes down to text. I have been completely obsessed with these beautiful Pretext demos, and have collected some of my favourites.
ICYMI: Pretext is a TypeScript library that measures and lays out text ~500x faster than browser reflow, no DOM involved. For graphic designers it means using text on the web with the same flexibility you get in print.
Have you explored Pretext yet? What are your favourite demos?
A small interaction that makes the interface feel alive
Instead of a static toggle switch, you can turn it into a tiny story.
In this example the switch doesn’t just move – it changes the entire scene - Day turns into night.
It’s a small detail, but interactions like this make a product feel much more polished and memorable.
In the video we show how to recreate this effect in Figma using Smart Animate.
An open source emoji picker component for React Native. Cross platform support for iOS, Android and Web. Works within Expo Go as well.
does it work on reactNative CLI??
Trending
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how design gets made. What does your workflow look like?