Exploration of edit state buttons transition - Taras
Exploration of edit state buttons transition
@tar_uniqueeeExplore Framer Motion and micro-interaction design inspiration from X, including spring physics, layout animations, gestures, and smooth transitions.
Exploration of edit state buttons transition
@tar_uniqueeeI'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...
@MSchwaiboldI’ve always loved dynamic island animations. Now I’ve finally found the time to prepare a design for WOS
@murattenilwhat if a button morphed into contextual actions?
@withAnimationUIlove these mini loader animations in cursor
@sashabirukoffWe 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...
@natkohasicSmooth 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...
@eduardbodakadded a little bit of spice to the bookmark animation, opus 5.5 btw
@kippe07Documentation 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...
@wheresryan22one of the smoothest navigations I ever made.
@koppkevSpinners are such a fun component to play with. Some use nine cells, some sixteen, with a few different animations and interactions. There’s surprisingly much you can do with such...
@wheresczTap Get Invoice and a folded slip unfolds upward into a full receipt, down to the discount line and total. The kind of unfolding animation you rewatch a few times by @ankur5ahu Ch...
@movindesign_Some UIKit and CAanimation stuff that I messed with this weekend. Mostly trying to replicate cGPT, great stuff by them.
@radiofun8contextual action split ⎯⟡° what if actions could split contextually?
@withAnimationUIforgive the long page animation i need a pretty excuse to load the videos
@darel023some of my fav animations & interactions we've shipped so far - plus one that we are excited to ship soon 👀
@jiholimmAll the projects in my portfolio are now 540x540px coded prototypes 👨🏻🔬
@guerriero_seWe 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...
@chalaskaToasts got a huge upgrade in this release 🔥 Powered by the native View Transitions API. Zero animation libraries, smooth transitions Best Toast component on the market? I think s...
@jrgarciadevIntroducing Liquid Metal Button+ ✨ A responsive chrome CTA with a flowing metal ring, animated glass edge, and pointer-reactive motion. Built for @framer.
@Matthias_OelI wanted a better way to present websites and case studies. So I built MacBook Carousel, an interactive image and video showcase for @framer. Comment "macbook" and I'll send you a...
@Matthias_Oelcontextual feedback is a major win
@withAnimationUIToday’s update: made the interactions more fluid and smooth. Check it out ↓ https://daniasyrofi.com
@dani_asyrofitake the view transitions API away from me, please
@mamusoAn experimental creative developer portfolio homepage featuring black-and-white photography in animated 3D card arrangements, including spinning circular carousels and scattered g...
@andrianja_tonyEven subtle micro animations can explain how a product works.
@gabriell_labI 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...
@wheresczA minimal portfolio site for a software designer and creative technologist featuring an airplane window motif, shown transitioning smoothly between light and dark modes.
@@mjbarton_Still one of my all time favorite animations that we've ever done. The amount of time on our ascii shader was pretty crazy. I thought about publishing a breakdown about that. Is t...
@juli_fellaI had early access to GPT-6. This model will completely shatter your understanding of what's possible, and it will start a new era of creativity. It's hard to explain how big of a...
@skiranoDropdown Component Animation
@gabriell_labzoom in animation copy code here https://arlan.me/vault
@arlanoskaEver seen filter chips this smooth? I haven't. Well, until now. Gooey filter chips component now available on annnimate. (as per usual with tons of micro animations and covered al...
@juli_fellapaper-like animations for our flower illustration
@k_grajedaDate Range Picker: a booking calendar. tap two days, or take a shortcut like Weekend or 2 weeks. the fill and the knobs move on a spring, and the color follows a little slower. so...
@jeetnirnejakClicks that leave fingerprints. Made in @framer https://t.co/2StI94FDU5
@turaluixDesign Engineering Tip: Visual cues reduce uncertainty. Instead of making users guess why an action isn't available, communicate it through motion. A small shake instantly signals...
@gabriell_labNew FREE section just dropped on our platform https://annnimate.com/animations A stable for all saas marketing sites out there. As per usual filled with lots of tiny details. Go g...
@juli_fellafleshed out a lil hover animation from my portfolio site
@pxlrshiAlmost forgot about this micro-interaction on my portfolio. I wonder if anyone ever found it on their own.
@prestonb_xyzIntroducing Motion Anime. A curated collection of springs, skids, fluid micro-interactions for your UI. Now you can add beautiful, interactive charts to your app with a single CLI...
@SubhanHQCards animation for Vonheilig.
@rronberishagritI got tired of tracking my usage all over the place. So I built this little Mac app that shows my usage for Framer, ChatGPT, and Claude in the menu bar. Anyone want it?
@hxmzaehsanEnter your email. Fold the plane. Watch it take flight. Newsletter Button turns a standard submission into a complete animated story connected to real @framer form states. Explore...
@Matthias_OelSubmitted Task - Animation
@_insan18Everbody does vertical morphing pills... We said enough. So we created this horizontal 2-step morphing menu animation. Part of our full kit: https://annnimate.com/kits/menu?utm_so...
@juli_fellaMy secret sauce? Grids. Structure. Ai Agents. Smart content planning Picked a few favorite bits from my latest @framer experiments
@creativemintsbeen working on some cinematic dashboard animations all the little details that turn a static interface into something with more depth and energy
@mnowakdesignRemocn introduces a new set of text animations used by popular SaaS products. How do I know? Because I analyzed dozens of videos from my bookmarks on X and recreated the animation...
@_remocnbuilt-in carousel micro-interactions with css scroll-driven animation li { view-timeline: --item inline } li::scroll-marker { animation: grow linear both; animation-timeline: --it...
@jh3yyBeautiful use of my @framer component Liquid Image on this website Link below
@gustavwfletter breakdown animation copy code here: https://arlan.me/vault
@arlanoskaGeenie is live A minimal @framer template for making your work look ridiculously good. Go take a look ↓ https://framer.link/3VvqzS0
@jean_gezLove the Calendly redesign! Their tabs inspired this gooey animation ↓
@guerriero_setext warp animation copy code here: https://arlan.me/vault
@arlanoskaMost animations don’t feel off because of the code. They feel off because of the decisions behind them: the easing, the timing, or the properties you chose to animate. My course t...
@emilkowalskiAdded 7 new transitions for agentic UI to https://transitions.dev library, 32+ free transitions total Copy the code or use them via the skill for Claude, Cursor, or Codex. npx ski...
@JakubantalikMy @framer project, United in Football, just won @awwwards Honorable Mention! Next step: winning Site of the Day
@tilljanekWhat if visitors could explore your work before they even start scrolling? Polaroid Navigation turns a compact navbar into a continuously moving portfolio showcase. Explore it on...
@Matthias_OelThinking Logos, turn any SVG into an agent activity animation. A fork of Thinking Orbs by @Jakubantalik and @a_brinza which is so cool project. Thought it'd be nice to brand those...
@enesozturkdev