ui-design.studio

Latest Tags Designers About

Follow @uidesign_studioFollow

ui-design.studio

A running collection of interface design we like on X. Every shot belongs to its designer and links straight back to the original post. Want your work removed or credited differently? See the about page.

Tags Designers About RSS @uidesign_studio

Motion · ui-design.studio

Tag

Motion

84 shots

All Landing page182 AI169 Dashboard96 Motion84 Cards60 Design systems45 SaaS38 Typography37 Navigation36 Bento29 Onboarding29 Icons28 Mobile26 Dark mode25 All tags →

Menu animation by @dev_ya More on → https://bestdesignsonx.com

Best Designs On ✧@bestdesignsonx

Framer template is on the way.

Steve Lauda@stevelauda_

Most product screenshots are boring. Flat. Static. Forgettable. Screenshot Studio is officially live and it changes…

Kartik@code_kartik

Terminal stats bento section for my new landing template project Love how easily @framer handles all the detail layers…

Nick Stepuk@stfnco

Really nice bento animation on the new @ToDesktop website. That pen wiggle is👌 → https://www.todesktop.com

Gaddafi Rusli@gaddafirusli

New @framer template in the works 🌺

Ramish@ramishdotdesign

really cool animation when you send a broadcast on @resend

Josef Bender@josefbender_

You can enroll in my animation course for the next 10 days! It's the perfect way to learn the theory behind great…

Emil Kowalski@emilkowalski

AI Selection Card - in motion ✨

Michael Nowak@mnowakdesign

Remotion now has Agent Skills - make videos just with Claude Code! $ npx skills add remotion-dev/skills This animation…

Remotion@Remotion

21.8K20 Jan

we are hiring 🚨 looking for a product designer to design and ship ai-first product experiences for a bangalore-based…

sumit 🏴@wh0sumit

I just discovered a gem: http://pure.kam-ui.com, a component library based on Base UI that offers an incredible…

Melvyn • Builder@melvynx

My favourite serif fonts in @framer.

Hamza Ehsan@hxmzaehsan

These micro interactions on the new @cursor_ai website are super fun! @ryolu_ cooked. #cursorAI #webdesign #ux #ui

Card design using @cavalry__app for the animation. @midjourney for the source image, turned into a 3D model using…

Yianni@yiannifive

My second template got rejected yesterday. Reason was "it's too simple" for approval so I decided to give it for free.…

Svaco@Matvej274

ok i'm actually so excited for this one this is how to build an AI hero section using Midjourney + @Framer let's get…

Framer University@learnframer

lets be real here about http://baked.supply! I need to provide more value before charging $29/m or more - it's not…

Nick@nickbakeddesign

Interaction for Linear’s homepage using motion/react’s `useSpring`, quite fun to play with

Emil Kowalski@emilkowalski

1.4K3 Mar

One tweak I'm obsessed with using @vercel's new Geist Pixel font Duplicate your title, position it absolute behind the…

Shipped another landing page with insane animation. Attention isn’t given. It’s engineered.

Basit A. Khan@basit_designs

Morphing braille loader for async item creation ⊙ Dynamic label preview in header ⊙ Loader powered by 𝚖𝚘𝚝𝚒𝚘𝚗 ⊙…

kian bazza@kianbazza

Check out the design and animation quality we deliver for our clients. it's just 🤌

Contact Card Micro Interaction

Adi@AdityaSur11

One of the most slept on use cases of @framer's design pages is using it as a place to host your template…

Hamza Ehsan@hxmzaehsan

Cooked this one in 2 hours in React and Motion

Karan@karankendre

Storytelling through motion: Self-healing /w @jamesm for @ReworkdAI - an AI web extraction tool When you set up a…

Alex Krasikov@alex_krasikau

Onboarding animation by @AndreaMontini More on → https://bestdesignsonx.com

Best Designs On ✧@bestdesignsonx

SwiftUI Modern OTP Input – With Animation and Validation Tutorial : https://youtu.be/JkhReg3i8K8?si=zIp0fOAJBzm0s-m1

sucodee@sucodeee

this video to ascii framer component is now available on our site 👀 just upload your video and tweak it however you…

Widya Bayu W@RalconStudio

Bento 🍱 Built with @framer.

Enes Aktaş@ensaktas

Delivery tracker card in motion📦 A simple box on a loop, because small details matter! @rive_app

Izmahsa@izmahsai

Custom code work in Framer / a recent website project for a client

Steve Lauda@stevelauda_

Animated icons for React and Motion https://github.com/itshover/itshover

Tom Dörr@tom_doerr

Design + Animation done in @framer design pages, how is it? 👀

Shruti@ShruPosts

Nothing fancy. Winner cards from last post+ soft entrance animation. Crazy how a bit of motion can turn a static UI…

Rafał Staromłyński@staromlynski

Steve Lauda@stevelauda_

I just created this design. Stack: Framer, Unicorn Studio

Peter Design@ItsPeterDesign

Showcase shots from my latest @framer template

Kadir@kadircalik

The last in this tyle with motion - Development 🪄

Marcin Pankiewicz@uiuxarih

It seems the clean card design won our debate, so I made a quick entrance animation!

Rafał Staromłyński@staromlynski

Who wouldn't like hero section has a subtle animation like this?

Faris@Faris_rzk

Excited to launch http://ascii-motion.app's Community Gallery, where you can publish, share, and remix ASCII art…

Cameron Foxly@CameronFoxly

Beautiful scanner-like animation for switching logos → http://rollups.com

Jim Raptis@d__raptis

Despite the Framer hype, we still get tons of requests for custom Next.js + Tailwind sites. Because most founders and…

Namya @ Supafast@namyakhann

first animation done ✅

Aaron@aaronmahlke

🚨 Framer Template Launch 🚨 It's here! I am launching this beauty today. As promised you can get it absolutely for…

Adam Sebesta@sebadamwebsites