Lightnews — Scholar-powered news

Arunabh Verma @arunabhverma.com · 20h

My React Native take on Linear's orbiting loader.

Powered by Reanimated.

Arunabh Verma @arunabhverma.com · 14d

Another video showing seconds, milli-sec, and micro-sec at 60fps.

You can use this to achieve real-time timing displays for activities, counters, or precise tracking.

Arunabh Verma @arunabhverma.com · 14d

Instead of using Animated.Text from Reanimated, use Animated TextInput and use animatedProps to update its value.

The main thing 👉 use text: instead of value: to show text directly from the SharedValue.

1

Arunabh Verma @arunabhverma.com · 14d

React Native Trick ⚡️

You can show a SharedValue as text without extra re-rendering.

Code + use case in the thread 🧵👇

1 4

Arunabh Verma @arunabhverma.com · 21d

Simple tag-input, spiced up with a pinch of animation.

2

Arunabh Verma @arunabhverma.com · 27d

Updated the emoji burst 🙂 to match Google Meet reactions.

Liquid Glass in React Native is impressively easy to use.

Big thanks, @expo.dev, this update slaps.

2

Arunabh Verma @arunabhverma.com · Sep 15

Here is the code 👇
github.com/arunabhverma...

GitHub - arunabhverma/expo-3d-card-stack: Smooth 3D card stack animation built with Expo and Reanimated for immersive UI interactions

Smooth 3D card stack animation built with Expo and Reanimated for immersive UI interactions - arunabhverma/expo-3d-card-stack

github.com

Arunabh Verma @arunabhverma.com · Sep 14

Created this beautiful UI interaction.
🌙 Dark theme at the end.

with @expo.dev and Reanimated.

Inspo: @ephemeralapps (𝕏 user)

1 9

Arunabh Verma @arunabhverma.com · Sep 6

Checkout the code here 👇

github.com/arunabhverma...

GitHub - arunabhverma/rn-android-blur-demo: 🤯 Blur content in React Native Android - without any library!

🤯 Blur content in React Native Android - without any library! - arunabhverma/rn-android-blur-demo

github.com

Arunabh Verma @arunabhverma.com · Sep 6

🤯 Blur content in React Native Android - no library!

Just use filter: blur(10px) directly in your styles.

✅ Blurs element content (text, images, etc.)
❌ Not a backdrop blur

📌 iOS equivalent: CIGaussianBlur via CIFilter
📌 Web equivalent: filter: blur()

Requires RN 0.77+ or Expo 53+.

1 4

Arunabh Verma @arunabhverma.com · Sep 5

Do you know @swmansion.com just dropped react-native-enriched ⌨️

A fully native text input, but I'd actually call it a react native chat input 💬.

Why? Because it has everything you expect from a chat composer, even inline image support (Android for now).
👇
github.com/software-man...

GitHub - software-mansion-labs/react-native-enriched: Rich text input component for React Native.

Rich text input component for React Native. Contribute to software-mansion-labs/react-native-enriched development by creating an account on GitHub.

github.com

1 5

Arunabh Verma @arunabhverma.com · Aug 31

Back again with a new header title + subtitle animation.

Built with @expo.dev and @swmansion.com Reanimated
UI inspo from @github.com and @alevy.bsky.social beautiful app Stargazer

Peep the demo 👇

8

Arunabh Verma @arunabhverma.com · Aug 30

Credit to @wa2goose.bsky.social, this project was inspired by his Matter.js tutorial:

www.youtube.com/watch?v=fxxa...

2D Game Physics with Matter.js, React Native Skia and Expo

YouTube video by Dan’s React Native Lab

www.youtube.com

1 2

Arunabh Verma @arunabhverma.com · Aug 30

Checkout the code here 👇

github.com/arunabhverma...

https://github.com/arunabhverma/expo-anti-gravity-emoji-burst

t.co

1

Arunabh Verma @arunabhverma.com · Aug 25

Wow! I'm going to tweak the source code a bit to make it more performant and directly usable, then I'll drop the source here.
By the way, what's Skylight?

Arunabh Verma @arunabhverma.com · Aug 23

Tap an emoji, launch a whole swarm 🎈

Made this anti-gravity emoji burst

w/ Matter JS + @expo.dev + @swmansion.com

2 1 17

Arunabh Verma @arunabhverma.com · Aug 17

Marching dashed border with rounded caps, built using Expo + RN Skia

7

Arunabh Verma @arunabhverma.com · Aug 9

Built this iOS share sheet inspired sticky toggle.
Made with @expo.dev + @swmansion.com’s Reanimated.

1 10

Arunabh Verma @arunabhverma.com · Aug 3

Spent some time today building this, just for fun.

Built with @expo.dev, RN Skia, @swmansion.com's RNGH + Reanimated.

Here’s the clip 👇

4

Arunabh Verma @arunabhverma.com · Jul 26

Animated header title in the native header.
Inspired by @github.com.

💪 Built with @expo.dev + @swmansion.com Reanimated

Peep the demo 👇

1 14

Arunabh Verma @arunabhverma.com · Jul 20

Built a simple drag-to-search with @expo.dev, @swmansion.com's Reanimated, and Gesture Handler.
How's it looking?

6

Reposted by Arunabh Verma

Arunabh Verma @arunabhverma.com · May 10

🏌️‍♂️ Built this Tournament Brackets using only @expo.dev and Reanimated.

Inspired by my first ever app that never made it to the store 😅

4 5 62

Arunabh Verma @arunabhverma.com · Jul 14

Ohh wow, I hadn’t even thought of that, this can actually be a solid use case for this. Smart stuff.

1

Arunabh Verma @arunabhverma.com · Jul 14

The real world use case is in-app multitasking. The square scaling is just a demo to show that you can use the animation value inside the view. It lets you trigger animations based on screen size or drag gestures, like showing a collapse button or something similar.

1

Reposted by Arunabh Verma

vo—va 🇺🇦 @vova.codes · Jul 14

For the new onboarding, we really let the colors pop 🌈. It's a bit of a new visual direction for Fuse.

Coming in the next release.

1 3