Loading video...

Video Failed to Load

Go Home

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

designcodeio's profile picture

DesignCode

23,051 subscribers

65,856 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Sourasith's profile picture
Sourasith1 year ago

Amazing! You took on the challenge of using my design and nailed it. Great job!

Devluc's profile picture
Devluc1 year ago

Interesting course. Great work DesignCode

DesignCode's profile picture
DesignCode1 year ago

Appreciate it! 🙏

Diego Pérez's profile picture
Diego Pérez1 year ago

Amazing! For when one with flutter?

vanh's profile picture
vanh1 year ago

I really love working with this design

Uba🦀's profile picture
Uba🦀1 year ago

@ImmaDominion

Tom atterton's profile picture
Tom atterton1 year ago

Awesome 🤩 but please don’t let side menus come back 😂

yakubu.apt🪂🪢꧁IP꧂(Ø,G)'s profile picture
yakubu.apt🪂🪢꧁IP꧂(Ø,G)1 year ago

Thank you for this..do I need a background in js html and css to be able to do this

Carlos Ziegler's profile picture
Carlos Ziegler1 year ago

Amazing 🤩 what are you using for ui ?

Gatsby.ts! 🚀's profile picture
Gatsby.ts! 🚀1 year ago

Can this be tested on Android Go? Let's see the FPS

Related Videos

💥 Introducing Demos An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia. →
0:23

💥 Introducing Demos An ongoing collection of React Native animations crafted with Reanimated, Gesture Handler, and Skia. →

Enzo Manuel Mangano

35,482 views • 1 year ago

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion
0:50

A cute self-care app i've been building as a sole react native dev in my current team. built with react native Expo Reanimated for all smooth animations Also used React Native Skia for water cup motion

Daehyeon 대현

107,787 views • 1 year ago

I made a game in react native using reanimated, svgs, and rive This is how:
12:00

I made a game in react native using reanimated, svgs, and rive This is how:

Ben Awad

91,449 views • 1 year ago

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.
0:24

Built this flight booking app in 15 minutes with Claude 🤯 as the base. Built with Expo React Native Nativewind and Software Mansion reanimated.

Thomino

25,165 views • 3 months ago

You can build iOS apps with Cursor and Claude AI even as a beginner You got SwiftUI for UI/animations, GitHub Copilot for code completion, ChatGPT for reading files in Xcode and Cursor Composer for writing code for you. I'm teaching all that in my new course
2:13

You can build iOS apps with Cursor and Claude AI even as a beginner You got SwiftUI for UI/animations, GitHub Copilot for code completion, ChatGPT for reading files in Xcode and Cursor Composer for writing code for you. I'm teaching all that in my new course

Meng To

143,981 views • 1 year ago

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇
0:35

✨ Introducing Apple Music on React Native! UI with a custom modal view, built with expo, react-native-reanimated, and gesture-handler. Took me about two days, but still needs a few fixes. Link to the GitHub project below 👇

Saúl

81,814 views • 1 year ago

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.
5:46

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

112,754 views • 10 months ago

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨
0:32

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨

Software Mansion

10,660 views • 8 months ago

How to Implement a custom Accordion in react-native? using reanimated
0:50

How to Implement a custom Accordion in react-native? using reanimated

Ashu

31,861 views • 2 years ago

just made a new prototyping tool for react components, live props, on a canvas this was 2hrs from scratch — with new multi-agent ux + to-dos in Cursor, kinda magic!
0:22

just made a new prototyping tool for react components, live props, on a canvas this was 2hrs from scratch — with new multi-agent ux + to-dos in Cursor, kinda magic!

Ryo Lu

234,893 views • 11 months ago

Our App.js keynote has finished, so we can officially spill the beans also here 📣 React Native Gesture Handler 3.0 is now officially stable, offering a hook-based API compatible with the React Compiler, deep Reanimated integration, the new recommended way to build buttons, and more.
0:46

Our App.js keynote has finished, so we can officially spill the beans also here 📣 React Native Gesture Handler 3.0 is now officially stable, offering a hook-based API compatible with the React Compiler, deep Reanimated integration, the new recommended way to build buttons, and more.

Software Mansion

12,720 views • 11 days ago

i'm playing around with React Native new architecture examples using react-native@0.74-rc and react@18.3-canary, and it's pretty cool to see automatic batching with native event handlers in action.
0:20

i'm playing around with React Native new architecture examples using [email protected] and [email protected], and it's pretty cool to see automatic batching with native event handlers in action.

brent

80,858 views • 2 years ago

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.
0:43

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 views • 2 years ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️
0:25

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 views • 1 month ago

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.
0:26

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

Gordon Hayes

518,310 views • 3 years ago

I use AI to build mobile apps. Built a React Native chat app during my Twitch livestream two months ago, leveraging Cursor, OpenAI, and Expo. I demonstrated how to build a mobile app from scratch using AI, integrating OpenAI APIs to power the chat completion feature. Source code is in my github Full livestream replay here (6 hours) Cursor OpenAI Expo
3:21

I use AI to build mobile apps. Built a React Native chat app during my Twitch livestream two months ago, leveraging Cursor, OpenAI, and Expo. I demonstrated how to build a mobile app from scratch using AI, integrating OpenAI APIs to power the chat completion feature. Source code is in my github Full livestream replay here (6 hours) Cursor OpenAI Expo

Melvin Vivas

26,162 views • 1 year ago

Learn Cursor in 5 minutes! Join my Cursor course which includes 17 videos building full apps from scratch with project files. Link in comment Repost this tweet and I will send the “how to build an AI scientist” video from my Cursor Course This will serve as an example taste of what you can expect from my 1000x Cursor course. I will DM you with a download link after you repost. #CursorAI #Cursor
4:46

Learn Cursor in 5 minutes! Join my Cursor course which includes 17 videos building full apps from scratch with project files. Link in comment Repost this tweet and I will send the “how to build an AI scientist” video from my Cursor Course This will serve as an example taste of what you can expect from my 1000x Cursor course. I will DM you with a download link after you repost. #CursorAI #Cursor

echo.hive

73,935 views • 1 year ago

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇
0:49

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

Software Mansion

245,945 views • 1 year ago