Volodymyr

Introducing makeitanimated.dev ...again! 🚀 React Native animations, with all the context. It just got its biggest redesign yet: ⚡️ Faster navigation 🎨 Cleaner layout 🔎 Smarter search 🎬 Instant previews ...and other goodies ✨ 👇 Full breakdown in the comments

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

@entropyconquers @jmeistrich Looks awesome 😍 Demo video is so good 🤌

I made a React Native Drag and Drop library that finally works! [v2.0 release] 10 months ago v1 became the top post of the month on r/reactnative. Since then: hundreds of stars, tons of community feedback, and all of it shaped this release. Demos below (1/5)

@ugbahisioma @hero_ui Menu, Button, Card… this is what I see

@hero_ui What component was used?

HeroUI Native components look beautiful on iOS and Android 💪🏻

New # 9️⃣3⃣ drop at makeitanimated.dev 💫 Go back indicator animation from the Threads app! ✦ Built for React Native using @expo ✦ Powered by @swmansion reanimated ✦ SVG support by @Shopify skia

My fave stack rn: • Framework: Expo (SDK 55) with Expo Router for file-based navigation • UI: HeroUI Native components, React Native Reanimated for animations, Skia for graphics • Styling: Tailwind CSS v4 via Uniwind with light/dark theme support • State: Zustand with MMKV persistence • Data Fetching: TanStack Query • Forms: React Hook Form + Zod validation • i18n: i18next with expo-localization • OTA Updates: Hot Updater with Cloudflare R2/D1 • Runtime: Bun

@codingwitharman @expo Basically, each UI block is a container, and I set a black background on loading so it serves as a mask element. Under the hood, I use my Shimmer component. makeitanimated.dev/components/shi…

@v_serbulenko @expo Woah! This looks amazing! How does this work internally?

Just tested my Shimmer.Mask and built that zero-shift skeleton layout for React Native. Pretty happy with the result ✨ Shimmer component and this example 👇 makeitanimated.dev

@shiyam_kashfiq Thanks 🙌

@v_serbulenko Nice work-zero-shift skeletons feel like real UX wins

New # 9️⃣2⃣ drop at makeitanimated.dev⚡ Scanning loader animation from the amazing Nothing X app. ✦ Built for React Native using @expo ✦ Reusable Loader component in use 👇 makeitanimated.dev/components/loa…

@janicduplessis @simonplesss Looks interesting 👀 Definitely will try it out!

Finally got to build this. Create animations that use Core Animation on iOS and Animator on Android with zero JS overhead. Same animation. But one keeps running smoothly even when the UI thread is lagging. Introducing react-native-ease 🍃

@linuz90 @melvynx json in dark mode so 🤌

GitHub Gists are useful but look terrible. So I’ve built: → gists.sh Simply replace the domain in any gist URL with gists dot sh. You’ll get: • Clean typography and layout • Great syntax highlighting • Dark mode • Multi-file gists with tabs • Frontmatter rendered as a proper header • CSV/tables with sortable columns • Markdown that actually looks good No sign-up, no tracking. Just a better way to read and share notes and code. Killer use case: have your AI agent like @openclaw share research, notes, or code with you as a pretty gist. Drop it in a meeting chat and watch the reactions. Free and open source ✌️

@wallacex227 Awesome 🙌

I liked it, I'm going to use it in my music app.

Nice that you can copy any loader from the web and use it as a regular React Native View powered by Reanimated animations 🥰 Loader API: makeitanimated.dev/components/loa… Code example in the comments 👇

@reactiive_ @base Congrats 🥂

Today was my first day at @base as a design engineer! So excited to join this super talented team 🟦

@Arpit_2023 Looks nice!

@v_serbulenko Sry i forget to drop the link x.com/i/status/20294…

Added a universal Loader component to makeitanimated.dev so you can build loaders much faster. This demo is ~90% vibecoded, but without a proper API it would quickly turn into a mess. Component: makeitanimated.dev/components/loa… How it works — in the comments 👇

@Arpit_2023 It is in the air 😀

@v_serbulenko Well I have made something very similar

@gustavwf 🙌

@v_serbulenko There it is! So cool.

@Ui_meesha This is a @screenstudio

@v_serbulenko What mock-up did you use

All these animations are built using a single universal Shimmer component ✨
makeitanimated.dev/components/shi… 
Really happy with how it turned out!