This UI Library is Kinda Sick

Поділитися
Вставка
  • Опубліковано 22 лют 2024
  • If you're into fancy frontend animations, well do I have news for you. Let's check out a UI Library with a heavy focus on animation that allows you to copy and paste components over into your own project.
    -- sources for this video
    ui lib: ui.aceternity.com/
    -- my links
    saas: www.animate-code.com/
    newletter: www.joshtriedcoding.com/
    discord: / discord
    github: github.com/joschan21
  • Наука та технологія

КОМЕНТАРІ • 83

  • @manuarora
    @manuarora 4 місяці тому +159

    Thankyou for sharing Aceternity UI! :)

  • @muhammaduseram9405
    @muhammaduseram9405 4 місяці тому +18

    this is really sick, frontend dev is getting modern and easier as we moving forward

    • @2006Pk
      @2006Pk 4 місяці тому +2

      I would argue it's getting harder and more complex as time goes on

    • @nazarshvets7501
      @nazarshvets7501 3 місяці тому +1

      @@2006Pk Yes, but finally peope figure out how to share expertise instead of tailored solutions

  • @TejasThombare-rl4du
    @TejasThombare-rl4du 4 місяці тому +1

    i have seen Quill project video as first video of Josh channels after that i never missed any video of this channel
    awesome content 💯

  • @justusbuyu9344
    @justusbuyu9344 4 місяці тому +19

    Lord knows how much I've struggled googling background svg dots that are as subtle as I want them...My prayers have been answered!!

  • @user-wv1sj7cx9v
    @user-wv1sj7cx9v 2 місяці тому +1

    sid philips from toy story crazy video thank you

  • @MarowMacaulay
    @MarowMacaulay 3 місяці тому

    This is super!! Thanks for sharing Josh :)

  • @MeatCatCheesyBlaster
    @MeatCatCheesyBlaster 4 місяці тому

    This is really nice. I was just looking for an animation library

  • @ghostcatcher1279
    @ghostcatcher1279 3 місяці тому

    I absolutely love this as I see myself more of a creative developer then just a front-end developer. I've used framer-motion in the past but my only problem with framer motion tends to just be what seems like a frame rate issue on mobile. Especially when looking at designs such as parallax. When looking at Aceternity UI components they work extremely well on mobile and are really optimized with a few exceptions that are more of a framer-motion issue, but damn they did amazing.

  • @sunilmaurya6594
    @sunilmaurya6594 4 місяці тому +1

    Had used in my portfolio project... amazing components

  • @Offiziersmesser
    @Offiziersmesser 4 місяці тому +3

    Josh's German efficiency is visible in this video. Functional design. Amazing as always.

  • @VitorVelosoSA
    @VitorVelosoSA 4 місяці тому

    Super nice! I was in need for something similar to this for my company’s website 😊

  • @christianasnelngoulla9868
    @christianasnelngoulla9868 4 місяці тому +1

    Josh you are awesome 🎉

  • @BooksWeCanRead
    @BooksWeCanRead 4 місяці тому

    So nice! Thanks for sharing!!

  • @ofcljaved
    @ofcljaved 4 місяці тому

    I have used this library and so far it's pretty great, although some component are pretty heavy but can work on it

  • @HikaruAkitsuki
    @HikaruAkitsuki 4 місяці тому

    I'm not a UI designer, just a frontend enjoyer, but my idea is starting to booming inside my head right now after watching this video.

  • @anth0ni33
    @anth0ni33 3 місяці тому +1

    Shadcn/UI really started a movement🎉🎉

  • @tuyentrancong3646
    @tuyentrancong3646 4 місяці тому

    Thanks for your information😀!

  • @jakemoss8700
    @jakemoss8700 4 місяці тому

    is it available for jsx, or do we manually have to convert the ts when pasting in a component

  • @israrahmed1251
    @israrahmed1251 3 місяці тому

    Hi Josh, I came across your channel today and I am already subscribed. I really like this video and your other videos on Aceternity UI, Shadcn UI, Next UI, React Aria and Radix UI.
    I was wondering if you could make a video about decrypting apple's website. I have always wondered what library, framework and UI tools are being used on it. I searched for it but I couldnt find any latest video on youtube covering this. (If you actually make a video, Please don't include screenshot of this comment)

  • @reactjs1900
    @reactjs1900 10 днів тому

    in the grid background, how rays can move through the grids ? any idea ? some website uses this also

  • @holymoly8417
    @holymoly8417 4 місяці тому

    Totally agree
    Made a Saas and dashboard page using it in no time at all
    I even uploaded it into youtube, can check it there along with the source code

  • @Amruth
    @Amruth 4 місяці тому

    Could you also make a video on Reactive Resume maybe?

  • @cannotthinkofanybetterhandle
    @cannotthinkofanybetterhandle 3 місяці тому

    Most of these components can only be used in portfolios. Still pretty sick

  • @tg.studios
    @tg.studios 3 місяці тому

    It's really great, but as a beginner in tailwind I can confirm that I'll copy and paste the code, and even if I try to understand it I probably fail.. So it's a great tool for those who already know how to do something Similar

  • @eshw23
    @eshw23 4 місяці тому +2

    Thank you Josh's cat

  • @prabhattambe4047
    @prabhattambe4047 4 місяці тому

    Already using from last 20 days

  • @EvestTech
    @EvestTech 4 місяці тому

    WOWWW, Looooks sooo gooood

  • @sidakvats693
    @sidakvats693 3 місяці тому

    Plz make a dedicated video on how ro use and upgrade the components in react.

  • @zorrobasher2947
    @zorrobasher2947 4 місяці тому

    josh are u change setup room?

  • @abdelmoghithhaitar6568
    @abdelmoghithhaitar6568 4 місяці тому

    whats the code theme they use ?

  • @chanderthakur9005
    @chanderthakur9005 12 днів тому

    bro you remind of sid from toy story no cap

  • @rand0mtv660
    @rand0mtv660 4 місяці тому +1

    Props to them for investing time to do this and actually making it public, but most of these effects probably won't be noticed by users and would even potentially annoy them. Yeah they are impressive, but I'm not sure about functionality. I also really dislike effects where I have to scroll through like a moron to see something and it also moves at a weird pace. Scroll hijacking is one of the worst things that has happened to web interaction.
    I do like the subtle ones like backgrounds. They are just subtle and don't get in the way of content or hurt accessibility.

    • @PraiseYeezus
      @PraiseYeezus 4 місяці тому

      In some domains, this is exactly the stuff you'll need. There's a reason Stripe has that crazy gradient on their home page, or why Apple designs their pages the way we do. And not just tech companies, if you work with certain design agencies this is the type of stuff they like.
      Life isn't all about functionality...we just can't compromise on it.

    • @rand0mtv660
      @rand0mtv660 4 місяці тому

      @@PraiseYeezus "if you work with certain design agencies this is the type of stuff they like" -- but that doesn't mean those patterns are good? It's just something that agency prefers in that case.
      Regarding Apple, I took a look now at iPhone 15 pro and macbook air pages and don't see all these patterns there at all. At least they aren't doing super aggressive scroll hijacking like they used to.
      To be honest, I would really just like to see some A/B testing on this stuff to see if it helps to convert users or not because that's the main goal in the end.

    • @joshtriedcoding
      @joshtriedcoding  4 місяці тому +1

      well said, summarizes my thoughts on this library too! The backgrounds along with the more subtle and less flashy stuff is just great

  • @jackb94
    @jackb94 4 місяці тому

    There's a svelte port for this aleeady too 😎

  • @rapidreasearchyt
    @rapidreasearchyt 4 місяці тому

    but this will make our website slow. right?

  • @yvanricardoecarrigomez
    @yvanricardoecarrigomez 4 місяці тому

    Felipito, I love you 💕

  • @AndrieMC
    @AndrieMC 4 місяці тому +1

    "my cat told me about this ui library"

  • @mazwrld
    @mazwrld 4 місяці тому

    should've gate kept this smhh

  • @5MinuteSmarter
    @5MinuteSmarter 4 місяці тому

    Time to rebuild my portfolio 😂

  • @InfotrackTechnology
    @InfotrackTechnology 4 місяці тому

    it's sup ui library 🤩

  • @awakenwithoutcoffee
    @awakenwithoutcoffee 4 місяці тому +1

    A car can be made of Diamonds 💎 but if it can’t drive, what's the point ? Functionality > design. I am creating the term `functional designer` as it sounds kinda cool. Bless ,

  • @InfoVerseNetwork
    @InfoVerseNetwork 4 місяці тому +5

    Wow, 1 view, 1 minutes, 1 comment, and 111k subs.
    Lot of 1s man...

  • @yaaaayeet745
    @yaaaayeet745 4 місяці тому

    Mannu paaji FTW

  • @kathanmehtaa
    @kathanmehtaa 4 місяці тому

    🤫oo mannn,
    we had to keep this ui library a secret 🤐

  • @SharunKumar
    @SharunKumar 4 місяці тому

    We got cat devs before gta 6

  • @patsy02
    @patsy02 4 місяці тому

    2:36 I disagree. The point of premade component libraries is to be able to rip stuff off and just make a website without "wasting" time hand crafting all the bits and bobs yourself.

  • @Adam4
    @Adam4 4 місяці тому

    They look great but at least under Firefox some of these are just too expensive, not smooth even with a 5900X and 3080.

  • @aka.theos.
    @aka.theos. 4 місяці тому

    Be careful josh I used this library once and trashdev and his community attacked me and accused me of stealing their components and design LOL

  • @patelaryan0914
    @patelaryan0914 4 місяці тому

    Aap bi chai aur nextjs series follow kar rahe ho kya😂

    • @kizigamer6895
      @kizigamer6895 4 місяці тому +1

      yes mai kar raha hu
      ye late hai

    • @patelaryan0914
      @patelaryan0914 4 місяці тому

      @@kizigamer6895 me bi kar raha hu 😂

  • @hyperprotagonist
    @hyperprotagonist 4 місяці тому

    The modern dev: I have a degree in copy & paste.

    • @theklr
      @theklr 4 місяці тому

      well isn't this post original

  • @inmosh
    @inmosh 4 місяці тому +1

    "0 users on your app" UI library

  • @jikd0
    @jikd0 4 місяці тому +1

    Please not another library. Js ecosystem is a maze

  • @tszsysnapse1599
    @tszsysnapse1599 4 місяці тому

    I'm sorry, but I saw the word "sick" as "sucks"......

  • @AkashLayal
    @AkashLayal 4 місяці тому

    First.

  • @LawJolla
    @LawJolla 4 місяці тому

    Looks very gimmicky.

  • @user-xu3lj1ej8d
    @user-xu3lj1ej8d 3 місяці тому

    I hate this ui library

  • @imkir4n
    @imkir4n 4 місяці тому

    X @mannupaaji
    The guy behind this 🔥

  • @zorrobasher2947
    @zorrobasher2947 4 місяці тому

    josh are u change setup room?