Smooth card expansion transition, built with @expo (https://x.com/expo) + Reanimated

Smooth card expansion transition, built with @expo (https://x.com/expo) + ReanimatedSmooth card expansion transition, built with @expo (https://x.com/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

Back to feedPost

Onoja Okpe

• 15h

Smooth card expansion transition, built with @expo + Reanimated

fullstackdevelopment mobileappdesign Mobile Development Full Stack Development React Native Tailwind CSS Expo

Ruslan Badretdinov

pro

• Jul 21

A small update to my portfolio. Light mode ☀️ / Dark mode 🌙 One of those small details that makes browsing a little more enjoyable.

Check it out: https://badretdinov.com

CSS Astro Tailwind CSS UX Design Web Design Web Development

Sujon Hossain

pro

• Jul 23

Nice work

Prem Shandilya

pro

• Jul 21

Wanted a futuristic background without relying on videos or heavy WebGL effects, so I built this.

Introducing ASCII Field - a fully customizable ASCII field packed into a single Framer code component.

Get in now ($15) - Buy now Live preview - Check it out

Drop it into your project, customize it, and instantly give your hero section a unique technical look in seconds.

Happy building :)

Framer Claude microcomponents Animation Framer Website Development UI Design Pinterest

Vitrea Studio

max

• Jul 22

nice one :)

Anastasia Satnichenka

• Jul 21

New component: Swipe Card Stack.

A gallery that behaves less like a grid and more like something you actually want to touch.

Drag a card left or right, release it, and the next one rises from the stack. The deck loops continuously and can also be controlled with buttons, keyboard arrows, taps, or autoplay.

Everything is editable directly in Framer:

— Images, text, colors, and links — Separate actions for left and right swipes — Shared card aspect ratio — Stack depth, spacing, scale, and rotation — Spring motion and swipe sensitivity — Typography, counter, and navigation buttons — Responsive sizing for every breakpoint

Copy it, replace the demo cards, and make the stack yours. https://contra.com/products/IcIYlLNQ-interactive-swipe-card-stack-for-framer

Framer React component

Maty Sandoval

max

• Jul 22

That directional routing makes the component much more useful than a visual swipe demo. Sending right swipes straight to the product page is a smart pattern.