Create a Website Intro with ReactJS + GSAP in 10 Minutes

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 53

  • @iamrithmic
    @iamrithmic  10 месяцев назад +3

    👽 Join the Discord Server (link in the description)

  • @briantoon4128
    @briantoon4128 8 месяцев назад +7

    This was an awesome demo. It's actually even easier now to use GSAP in react with the new useGSAP hook :)

    • @iamrithmic
      @iamrithmic  8 месяцев назад

      Thank you! Yeah I still need to try that out

  • @__adrian__martin__
    @__adrian__martin__ 7 месяцев назад +2

    I didn't know about this module for making animations and I want to go deeper because there are very good animations that are very easy to use, I discovered it today, it's incredible

  • @backendfyi
    @backendfyi 11 месяцев назад +4

    Man, thank you so much, you really made me understand gsap in a single video. I wanted to get a preloader done and after watching your video, i completed in less than 5 mins

    • @iamrithmic
      @iamrithmic  11 месяцев назад

      Great to hear! I am glad you found this insightful

  • @LePhenixGD
    @LePhenixGD 11 месяцев назад +2

    Amazing tutorial, man ! I'm working for a company and needed to make a sequential for their page, at first I tried out using setTimeouts + CSS transition classes to animate everything together but it made the code very difficult to maintain, with GSAP it makes everything so much easier !

    • @iamrithmic
      @iamrithmic  11 месяцев назад

      Yeah haha CSS can go wild at some point. Thanks for the comment :)

  • @Codewith0xConcept
    @Codewith0xConcept 9 месяцев назад +3

    Made GSAP grasping so easy! Kudos senior 🙌🎉

    • @iamrithmic
      @iamrithmic  9 месяцев назад

      Glad it was of value! Thanks for the comment :)

  • @morshedsaif9848
    @morshedsaif9848 Год назад +3

    Very well explanation, (GSAP docs in short) 👍

    • @iamrithmic
      @iamrithmic  Год назад

      Thank you! More GSAP Content yet to come

  • @Kaviaann
    @Kaviaann Год назад +3

    wow im impressed! how u explaining all of the code so easy to understand!

    • @iamrithmic
      @iamrithmic  Год назад

      Thank you! Glad it was helpful

  • @speedcoding11
    @speedcoding11 10 месяцев назад +2

    great work. subscribed. Looking for a large playlist covering scroll trigger, horizontal scroll and much more. Thank you🖤

    • @iamrithmic
      @iamrithmic  9 месяцев назад

      Awesome, thank you!

  • @abidibnazam4462
    @abidibnazam4462 Год назад +4

    More tutorial on GSAP, subscribed for content.

    • @iamrithmic
      @iamrithmic  Год назад +2

      Thank you! More to come :)

  • @Chriss-cn1ch
    @Chriss-cn1ch Год назад +2

    Great video. Please do more of these maybe even longer videos. Thanks

    • @iamrithmic
      @iamrithmic  11 месяцев назад

      Thank you. Yes more to come!

  • @malickgm507
    @malickgm507 11 месяцев назад +2

    Awesome content. Looking forward to R3F Advanced tutorial if you have planned that

    • @iamrithmic
      @iamrithmic  11 месяцев назад +1

      Nice idea, maybe at some point

  • @abedalraoufzeidan1461
    @abedalraoufzeidan1461 9 месяцев назад +2

    awesome and simple video

    • @iamrithmic
      @iamrithmic  9 месяцев назад

      Thank you! I am glad you enjoyed it

  • @andrewsullivan5203
    @andrewsullivan5203 8 месяцев назад +2

    Nice one really helped me out

    • @iamrithmic
      @iamrithmic  8 месяцев назад

      Awesome! Im really glad that it did :)

  • @reactdev2838
    @reactdev2838 10 месяцев назад +2

    Best Best AND BEST!

    • @iamrithmic
      @iamrithmic  9 месяцев назад

      Thanks a lot. More to come

  • @bhaskargowda-3955
    @bhaskargowda-3955 Год назад +4

    Guys guess what this is one amongst the ' Future WEB-DEV ' teaching channnels' i guess :))

    • @iamrithmic
      @iamrithmic  11 месяцев назад

      Thank you for the great comment :)

  • @MathiasGrdl
    @MathiasGrdl 8 месяцев назад +2

    Please more tuto ReactJS + GSAP !

  • @mickafilms
    @mickafilms 8 месяцев назад +1

    Great explanation, could you tell me your VSCode theme that youre using?

    • @iamrithmic
      @iamrithmic  8 месяцев назад

      Thank you! Noctis is the name of the package :)

  •  11 месяцев назад +1

    Yes, this was great. Maybe go with more react/gsap content. I'm currently coeing a gsap slider and can't find anything on that.

    • @iamrithmic
      @iamrithmic  11 месяцев назад

      Thank you and more to come!

  • @muhammadabduhsiregar9190
    @muhammadabduhsiregar9190 9 месяцев назад +1

    hi man, why in first render always showing that text first before the effect?

  • @rjtdas
    @rjtdas 11 месяцев назад +2

    Amazing man!

  • @NikeAssassin1
    @NikeAssassin1 11 месяцев назад +1

    I'm starting to watch your videos. Pretty nice until now....I would just ask to turn up your voice volume a bit. Keep going!

    • @iamrithmic
      @iamrithmic  11 месяцев назад +1

      Thanks for the feedback. Will do so :)

  • @treyrader
    @treyrader 9 месяцев назад +1

    vyte :) gotta love roll up

  • @joselinalfaro3286
    @joselinalfaro3286 8 месяцев назад +1

    Hello, does anyone know if gsap can work directly with the astro framework? If so, I would appreciate knowing where there is more information.

    • @iamrithmic
      @iamrithmic  8 месяцев назад

      With Astro it definitely can. As it is a JavaScript framework. For this I would refer to the GSAP docs, as I think the implementation would be similar to vanilla JS, if not the same

  • @liqwis9598
    @liqwis9598 10 месяцев назад +1

    Hello bro salam
    If possible can you please teach about responsive navbar in react + tailwind with light and dark mode.

    • @iamrithmic
      @iamrithmic  10 месяцев назад +1

      Okay will try to plan something like that in. Thanks for the suggestion

  • @maha33612
    @maha33612 11 месяцев назад +1

    Can you tell the theme name you have installed?

    • @iamrithmic
      @iamrithmic  10 месяцев назад

      Part of the Noctis theme package

    • @maha33612
      @maha33612 10 месяцев назад

      ​@@iamrithmicthanks alot

  • @bhaskargowda-3955
    @bhaskargowda-3955 Год назад +1

    next level sir !!
    both the explanation , idea pitch/video editings :))
    GG , Much love and respect from India
    Subscribed jn, hoping for many more dopes like this in future

    • @iamrithmic
      @iamrithmic  11 месяцев назад

      Thank you very much!

  • @iamrithmic
    @iamrithmic  11 месяцев назад

    🚀 Transform your web dreams into reality with our expert design and development services! Learn more: www.rithmic.studio