Hey devs 👋 Building something cool with react native... reanimated, the more I explore the reanimated library the more I love it 💙 which color do you like the most for welcome screen? #buildinpublic #reactnative #animation #programming #Coding #100DaysOfCode #uiux #reactjsshow more

Hey React Native devs 👋 I recently built a... very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Nativeshow more

apple ships it, I rebuild it 👀 the iOS... 26 pull-to-search in react native built with Expo + reanimated. code source:show more

I built the Instagram header scroll animation. Looks simple.... It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available onshow more

I'm 9 years old and I wrote a blog... post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post atshow more

🔥 More details from the brand new I wanted... it to make it more fun, so I added a ton of small details like this subtle tvOS-like animation to icons. #macOS #apple #BuildInPublicshow more

This is a HeroUI native toast component I was... working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇show more

I finished the new animation! It was a highly... educational 10 weeks with my mentor Mike from Animation Collaborative The most challenging aspect was refining and making the ideas more specific. Remember, less is more! Hope you like it;) Rig: Wonderwell Studios #animation #アニメーションshow more

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new... react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇show more

I built a full-stack Chat App to learn React... Deeper. When I started, I only know the basics in React. I was hesitant at first if I would be able to do it or not, but I started building it anyways. Through building it, I have learned: - Typescript - Tailwind - Redux - Firebase - File Structuring - Optimization - More hooks The list could go on... The point is you don't need to know it all to start building something. Fundamentals are enough, you can figure out and learn the others on the way. Here's the link of the app: Source code: I create visual web dev content and its all here:show more

Lil quick animation with alargewoodenbadger's rig. When I saw... the model I just had to do something with it 🥰 I wish I had more energy for personal projects like that outside of work. Image quality will probably be shit but tf can I do 🙃show more

I played around with mixing the leotard and the... pants, and I really like the result. Which color palette do you like the most? Disclaimer: I’ve already made my choice; but let’s see if we’re on the same page. It's fun to connect! #AnimeArt #retroanime #hitwomanshow more

We started off to simply explore more horizons, and... I guess we're doing it every day with all the love we have in our hearts for the craft. Here's another such piece of our hearts. It's for you to explore and decide. Releases 27th Oct Can you feel all the love? Coz I canshow more

I remade this lovely animation with the framer-motion library;... it's about 30 lines of code. Also, I adjusted the damping from 20 to 10 in the latest animations, causing it to be more jumpy.show more

This are the shots i cleaned for the Hazbin... Hotel and Helluva Boss announcement! I hope you like it and look forward for more amazing episodes. #HelluvaBoss #HazbinHotel #animation #CleanUpshow more

Some more renders for the garbage truck+turntable with some... animations ! I thought it would be cool to incorporate a screen directly into the hull so it can show warnings or some annoying adverts !show more

One more before I take a break... I like... how they organize the colors. You can also have more than 1 preset for color combinations... #VindictusDefyingFateshow more

so my portfolio is live on it was so... much fun to go back to the web (frontend) and build this. I built it using Nextra and Aceternity and deployed it on Vercel. I loved your library Manu Arora, thank you for building it :) #buildinpublicshow more

I really like the way they experimented with animation... on that episode, i hope they use it more on s4show more

An exercise I find myself programming more & more... often nowadays: The Seated Low to High Cable Fly If you want a shelf-like Upper Chest…DO THESEshow more

004/100 Buttons. A bit of the process on building... an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63hshow more