Loading video...

Video Failed to Load

Go Home

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 #reactjs

codewithnomi_'s profile picture

Syed Noman

1,750 subscribers

11,778 views • 2 years ago •via X (Twitter)

Arts#buildinpublic#reactnative#animation#programming#Coding#100DaysOfCode#uiux#reactjs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 Native
0:18

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 Native

Syed Noman

15,185 views • 1 year ago

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 on
0:16

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 on

Volodymyr

17,026 views • 1 year ago

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 at
0:12

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 at

Volodymyr

24,579 views • 1 year ago

🔥 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 #BuildInPublic
0:14

🔥 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 #BuildInPublic

Elias

41,769 views • 4 months ago

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 👇
0:11

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 👇

Volodymyr

28,071 views • 7 months ago

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 #アニメーション
0:16

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 #アニメーション

TOSHI - アニメーター🇯🇵🇺🇸⇄🇨🇦

81,364 views • 2 years ago

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! 👇
0:14

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! 👇

Software Mansion

11,740 views • 2 months ago

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:
0:12

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:

Ali

112,136 views • 2 years ago

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 🙃
0:13

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 🙃

🌲Rey🌲 Commissions CLOSED

37,644 views • 4 months ago

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 #hitwoman
0:11

Sensitive content

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 #hitwoman

Raul Trevino | Retro Anime Artist

22,138 views • 1 year ago

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 can
0:14

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 can

fahmaan khan

41,196 views • 2 years ago

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.
0:14

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.

Erencan Arica

38,100 views • 2 years ago

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 #CleanUp
0:14

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 #CleanUp

Kevin Martínez

56,988 views • 1 year ago

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 !
0:12

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 !

noax.design

75,609 views • 1 year ago

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... #VindictusDefyingFate
0:19

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... #VindictusDefyingFate

Punishere1_

36,868 views • 1 year ago

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 :) #buildinpublic
0:16

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 :) #buildinpublic

Sachin Dapkara

13,818 views • 2 years ago

I really like the way they experimented with animation on that episode, i hope they use it more on s4
0:12

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

nova 🐈 🖍

63,203 views • 1 year ago

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 THESE
0:17

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 THESE

Dean Turner

64,935 views • 8 months ago

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: 63h
0:17

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: 63h

Eduard Bodak

166,023 views • 2 months ago

THANK YOU FOR ALL THE LOVE ON MY SPOKEN FOR ANIMATION :^) IT'S SOMETHING I'M VERY PROUD OF! SO I'M GLAD PEOPLE LOVE IT AS MUCH AS I DO. #DELTARUNE
0:15

THANK YOU FOR ALL THE LOVE ON MY SPOKEN FOR ANIMATION :^) IT'S SOMETHING I'M VERY PROUD OF! SO I'M GLAD PEOPLE LOVE IT AS MUCH AS I DO. #DELTARUNE

🍉TIMEZONE🍉 || BUDGET BIGSHOT📺💛

16,524 views • 11 months ago