MotionVault

AI UI & Generative Design Inspiration From X

Discover AI product UI design inspiration from X, including prompt interfaces, generative flows, chat agents, copilots, and AI workspace screens.

OpenAI mascot design - million dollar budget, huge team of designer... - Alex Socoloff

OpenAI mascot design - million dollar budget, huge team of designers. Fonzi AI mascot design - Just me and Jose.

@socoloffalex

I've been building layout engines and grid systems my entire career... - Marvin Schwaibold

I've been building layout engines and grid systems my entire career, and the latest leap in model capabilities finally feels like it has set me free. This prototype explores a the...

@MSchwaibold

Inspired by @johnbai's Mac notch concept, we expanded Grok Bot acro... - AB

Inspired by @johnbai's Mac notch concept, we expanded Grok Bot across the entire OS. Now you can take a peek at your Grok bot without opening the app. Playable @rive_app build + F...

@ab_workss

testing 'Sharing month view' while waiting on App Store approval, d... - Jay Bong

testing 'Sharing month view' while waiting on App Store approval, day 9

@JaejinBong

stop picking loaders by vibes. pick them by how long the wait actua... - Chloé Maillot

stop picking loaders by vibes. pick them by how long the wait actually is

@ChloMaillott

Paper-on-Metal Effect Another effect I tried to recreate is paper t... - Kirill Migel

Paper-on-Metal Effect Another effect I tried to recreate is paper that can be crumpled and behaves like a real physical object

@kirillmigel1

bright candy icons 🍬 - Luca

bright candy icons 🍬

@lucaisdesigning

departures, in pixel art 🚆 based in Seoul train station UX and the... - Antonio Gonzalez

departures, in pixel art 🚆 based in Seoul train station UX and the work of @jgarcelan also @Renfe, this makes a better app/web experience

@txnioh

the ▲ design team is hiring - high agency, ownership, feedback volu... - JohnPhamous

the ▲ design team is hiring - high agency, ownership, feedback volume - low ego, red tape, process send me a dm - product design, marketplace: https://vercel.com/careers/product-d...

@JohnPhamous

giza crypto agents - Bakers Studio

giza crypto agents

@studiobakers

in-chat payment - Dominik Tyka

in-chat payment

@tyka_dominik

Lil’ progress over the weekend 🏔️📱📱 D-32 📆 - Luc Chaissac

Lil’ progress over the weekend 🏔️📱📱 D-32 📆

@lucchaissac

We made something special. Live timeline where text can be pinched... - Natko Hasic

We made something special. Live timeline where text can be pinched like a photo, each level revealing more details. Native, incredibly smooth, and fast even with thousands of entr...

@natkohasic

after Opus 5.5 it actually hurts to look at anything GPT 6 Astra de... - kirill sh

after Opus 5.5 it actually hurts to look at anything GPT 6 Astra designs gave both models the exact same prompt: "make a dynamic 15-second motion graphics video that shows what an...

@shneural

opus 5.5 is f*cking cracked at motion design this entire video is c... - zero

opus 5.5 is f*cking cracked at motion design this entire video is code, 0 after effects im open sourcing the prompt template for these motion designs steal it to recreate these ↓...

@twoclipping

built my portfolio and yeah, i lost my mind over one tiny detail no... - Chloé Maillot

built my portfolio and yeah, i lost my mind over one tiny detail nobody will ever notice. that's just how i work now

@ChloMaillott

sound on👀🔊 can't to wait to showcase the new Artasaka website we'... - Dawood

sound on👀🔊 can't to wait to showcase the new Artasaka website we've been building for the past months

@DawoodUI

liquid glass chat ui built using expo + appllama mcp. one-shot. wha... - jaimin

liquid glass chat ui built using expo + appllama mcp. one-shot. what do you think?

@jaimintf

Smooth sticky element. What I don’t like about sticky elements is t... - Eduard Bodak

Smooth sticky element. What I don’t like about sticky elements is that when you scroll, they pin instantly and scroll with you until they instantly unpin again. It doesn’t feel sm...

@eduardbodak

details do matter - Akash

details do matter

@a1x45h

I made my agent, Shadowfax, a proper home outside of iMessage. Stil... - Kris Puckett

I made my agent, Shadowfax, a proper home outside of iMessage. Still works with iMessage perfectly, but now we have a few more power features for the Lord of Horses.

@krispuckett

Documentation pages are pretty boring nowadays, so i wanted to try... - R

Documentation pages are pretty boring nowadays, so i wanted to try something different. I created a wireframe animation to visually explain how the Liquid Glass morphing works ins...

@wheresryan22

Most interfaces put the badge in the top-right corner of every icon... - Detail

Most interfaces put the badge in the top-right corner of every icon. Better: let each icon choose. A cart has wheels at the bottom, so top right. A person has nothing at the top r...

@detaildotdesign

OTP slingshot https://slingshot-otp.vercel.app - Kailash

OTP slingshot https://slingshot-otp.vercel.app

@kail_designs

A couple of AI todo list concepts we've been playing around with. S... - cz

A couple of AI todo list concepts we've been playing around with. Still very much a work in progress, but starting to take shape.

@wherescz

I'm done putting Please wait under a spinner. The wait should be on... - Vishal Paliwal · iOS motion + UX · Eightinity

I'm done putting Please wait under a spinner. The wait should be one even spin on a blank card. A label makes people count the seconds. Uneven arms make it look stuck. SwiftUI. no...

@iamvishal16_ios

made the hackathon portal for the tano x @UseCorgi hack in London a... - Marshall Gould

made the hackathon portal for the tano x @UseCorgi hack in London always fun to make it slightly immersive thanks to @rive_app again :p congrats to @sashacayward and the tano team...

@MarshallJGould

Session progress and recovery timeline for Aivo. - Md Shohanur Rahman

Session progress and recovery timeline for Aivo.

@ShohanUIX

Love this Pinned Scroll by https://calendly.com - Details

Love this Pinned Scroll by https://calendly.com

@details_so

made with @OpenAI Dalle-2 - eduziggy

made with @OpenAI Dalle-2

@eduziggy_

I don't know what Krea agent is, but I sure do like me some gravity... - George Hastings

I don't know what Krea agent is, but I sure do like me some gravity distortion shaders.

@soulegit

UI components for https://fastino.ai - Bakers Studio

UI components for https://fastino.ai

@studiobakers

who said containers gotta be boring? - Dawood

who said containers gotta be boring?

@DawoodUI

details are how users read effort. They can't see your code or your... - Michael Nowak

details are how users read effort. They can't see your code or your late nights - but they can feel whether someone cared about the spacing. care is the one thing you can't fake..

@mnowakdesign

Introducing a new design skill: Methodical 🚚 Use this design syste... - TypeUI

Introducing a new design skill: Methodical 🚚 Use this design system with your AI provider to build websites that take on a bold color with clean and well spaces section to increa...

@typeui_sh

Having fun with agent state visualization - Maxim Kuznetsov

Having fun with agent state visualization

@disarto_max

bentogrids done right by https://mintlify.com - Details

bentogrids done right by https://mintlify.com

@details_so

Details 🤌🤌 - Miguel Queirós

Details 🤌🤌

@DopeOblivion

We designed a UI kit for founders vibe-coding AI products. It sits... - Chris Halaska

We designed a UI kit for founders vibe-coding AI products. It sits on shadcn/ui, a solid foundation most of these tools already reach for. We've added our own visual direction and...

@chalaska

Wait… what if Apple animated its logo in the iPhone Duo style? - Dmitry Lepisov

Wait… what if Apple animated its logo in the iPhone Duo style?

@DmitryLepisov

Morphing testimonial carousel by https://calendly.com - Details

Morphing testimonial carousel by https://calendly.com

@details_so

Love the clean details on this one.✨ https://t.co/CTgxsBBkX3 - UI_Farhan

Love the clean details on this one.✨ https://t.co/CTgxsBBkX3

@UI_Farhan

a liquid popover built with plain HTML, CSS and JavaScript, without... - Kopp

a liquid popover built with plain HTML, CSS and JavaScript, without any dependencies.

@koppxo

The best UX details are often the ones users never notice - Masum

The best UX details are often the ones users never notice

@masumparvej_

agentsagentsagentsagentsagents on https://agents.plane.so - Plane

agentsagentsagentsagentsagents on https://agents.plane.so

@planepowers

Jumping on the trend 👀 Created this interactive footer using @Hail... - AdityaSur11

Jumping on the trend 👀 Created this interactive footer using @Hailuo_AI. Here’s how I did it (Thread 👇) https://t.co/ZOe04QonhK

@AdityaSur11

The new industrial age demands a new design language. We call it Ne... - Brass Hands

The new industrial age demands a new design language. We call it Neo-Industrial Design. Built by Brass Hands for AI, defense, robotics and the companies engineering what comes nex...

@brasshands

astra is really good at svgs gave it a few grid and stroke constrai... - Kazden

astra is really good at svgs gave it a few grid and stroke constraints and told it to go to town on an svg icon set, not bad:

@kazdenc

adding a mini-me to my website that you can chat with. 💬 - Harshit

adding a mini-me to my website that you can chat with. 💬

@harshitbeni

Even subtle micro animations can explain how a product works. - Gabriel

Even subtle micro animations can explain how a product works.

@gabriell_lab

I design the best cards - Sai Satvik

I design the best cards

@saisatvik_

Tiny component, big on details 💫 - Abhijeet Singh

Tiny component, big on details 💫

@abjt14

I know this has been done before, but rolling number animations are... - cz

I know this has been done before, but rolling number animations are something I really wanted to add to my UI library. The idea is a smooth, blurred transition when a number chang...

@wherescz

AI Agent Approval Cards / Dark Mode https://t.co/FEdLbsAesB - kvnkld

AI Agent Approval Cards / Dark Mode https://t.co/FEdLbsAesB

@@kvnkld

A minimal portfolio site for a software designer and creative techn... - Mike Barton

A minimal portfolio site for a software designer and creative technologist featuring an airplane window motif, shown transitioning smoothly between light and dark modes.

@@mjbarton_