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
Swipe to mute, with a little shake + haptic feedback to make the interaction feel alive.
The small details make the interaction feel so much better.
Built with Expo + Reanimated.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Animated UI Components: Figma + Figma Motion
I designed and animated a set of UI components in Figma using Figma Motion.
The goal was simple: make everyday interface interactions feel more natural, responsive, and enjoyable.
What I worked on
I started by designing the components with a focus on:
Clear visual hierarchy
Consistent spacing
Reusable components
Clean typography
Proper interaction states
A consistent visual language
After creating the components, I used Figma Motion to bring them to life.
Why motion?
Good UI shouldn’t only look good when it’s static.
The way an element appears, changes, responds, or moves can make an interface feel much easier to understand.
For the animations, I focused on keeping the movement:
Smooth
Simple
Purposeful
Fast enough to feel responsive
Subtle enough not to distract
The goal wasn’t to add animation just for decoration.
Each transition was designed to give the user feedback and make the interaction feel more connected.
My process
1. Design the component
I first created the UI component and made sure the structure, spacing, typography, and visual states were consistent.
2. Define the interaction
I considered what should happen when the user interacts with the component—how it should appear, change, or respond.
3. Add motion
I then used Figma Motion to create the transitions and refine the timing and movement.
4. Refine
I adjusted the animation until it felt natural and balanced with the rest of the interface.
The result
The final components combine UI design and motion design to create interactions that feel more polished and intentional.
This project was also a good reminder that small interactions can have a big impact on how a product feels.
Designed in Figma.
Animated with Figma Motion.
Clean work🔥
Back to designing. Back to building. 🚀
It’s been a while since I posted something here.
So what better way to come back than with something I’m building myself?
Meet Rectraa — a sales intelligence product designed to turn conversations into actionable leads.
Starting with something simple: the login experience.
For this screen, I wanted to keep things minimal, focused, and intentional — removing unnecessary friction and letting the product identity do the talking.
Because sometimes, the smallest screens set the tone for the entire product.
Designed. Built. Tested. Repeat.
And yes… I’m finally posting my work again. 😄
More Rectraa screens coming soon.
Checkout the Product on Live: rectraa.com
#Dribbble #ProductDesign #UIDesign #UXDesign #SaaS #SalesIntelligence #WebDesign #Startup #DesignInspiration #Rectraa
Clean way!
Most people trying to fix a home appliance are stuck flipping through a PDF manual or guessing which part is causing an issue. OnSense set out to replace that with an app where entering a model number instantly surfaces specs, part breakdowns, and an AI assistant trained specifically on appliance repair knowledge — not a generic chatbot.
What I worked on
As part of the mobile engineering work on the React Native (Expo) app, I built the OCR module that lets users scan an appliance's nameplate with their camera to automatically identify the model and pull it into the system — removing the need to manually type in model numbers that are often worn, tiny, or hard to read.
Stack:
React Native (Expo) for iOS and Android
OCR/camera-based scanning for nameplate recognition
AI chat integration (OnSense GPT) for appliance-specific Q&A
Backend integration with the platform's parts and repair-knowledge database
What's in the app:
Model lookup by number, with detailed specs and part breakdowns
Exploded View module — an interactive, clickable diagram of appliance parts
OnSense GPT chat assistant for error codes, repair steps, and part compatibility
Nameplate scanning via OCR for fast, accurate model identification
Parts cross-referencing against verified compatibility databases
Jani super impressive work😍