Motion · ui-design.studio

ui-design.studio

Latest Tags Designers Websites My boards Image search About

Search the collection/Search↵

ui-design.studio

Search the collection

Latest
Tags
Designers
Websites
My boards
Image search
About

ui-design.studio

A curated collection of interface design. Every shot belongs to its designer and links straight back to the original work.

Want your work removed or credited differently? See the takedown policy.

Explore

Latest
Tags
Designers
About
Changelog

Follow

RSS
@uidesign_studio

Operated by New Horizon Code Pty Ltd, trading as Syrup · ABN 61 634 659 804

Terms Privacy Copyright

Motion

84shots

All shots Popular Minimal Cards Dark mode Typography Buttons & CTAs Landing page Motion All tags →

Micro motion design we explored for Cicely

Early draft of the animation. Will explore further on what's the best way to make this more seamless and flawless.

Framer template is on the way.

Animated icons for React and Motion

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

Really nice bento animation on the new @ToDesktop website. That pen wiggle is👌 →

really cool animation when you send a broadcast on @resend

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

Showcase shots from my latest @framer template

The last in this tyle with motion - Development 🪄

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

I just discovered a gem:, a component library based on Base UI that offers an incredible experience. Dialogs with…

My favourite serif fonts in @framer.

These micro interactions on the new @cursor_ai website are super fun! @ryolu_ cooked.

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

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

Love this little iCloud animation

Exploring Figma motion with ChatGPT Astra 6. The design + flow were already done, then I used a few prompts in Codex…

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

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

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

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

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

Contact Card Micro Interaction

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

Cooked this one in 2 hours in React and Motion

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

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

SwiftUI Modern OTP Input – With Animation and Validation Tutorial:

Beautiful scanner-like animation for switching logos →

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

first animation done ✅

lets be real here about! I need to provide more value before charging $29/m or more - it's not 2023 anymore New…

@nickbakeddesign

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

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

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

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

New @framer template in the works 🌺

@ramishdotdesign

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

@ItsPeterDesign

AI Selection Card - in motion ✨

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

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

Excited to launch Community Gallery, where you can publish, share, and remix ASCII art projects. Make yourself a free…

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

Bento 🍱 Built with @framer.

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

SponsoredPip: Manage dev servers and Git from one desktop app. Get Pip (opens a new tab)