This UI Library is Kinda Sick

Sdílet
Vložit
  • čas přidán 22. 02. 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
  • Věda a technologie

Komentáře • 83

  • @manuarora
    @manuarora Před 4 měsíci +159

    Thankyou for sharing Aceternity UI! :)

  • @TejasThombare-rl4du
    @TejasThombare-rl4du Před 4 měsíci +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 💯

  • @muhammaduseram9405
    @muhammaduseram9405 Před 4 měsíci +18

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

    • @2006Pk
      @2006Pk Před 4 měsíci +2

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

    • @nazarshvets7501
      @nazarshvets7501 Před 4 měsíci +1

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

  • @justusbuyu9344
    @justusbuyu9344 Před 4 měsíci +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!!

  • @MarowMacaulay
    @MarowMacaulay Před 3 měsíci

    This is super!! Thanks for sharing Josh :)

  • @MeatCatCheesyBlaster
    @MeatCatCheesyBlaster Před 4 měsíci

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

  • @sunilmaurya6594
    @sunilmaurya6594 Před 4 měsíci +1

    Had used in my portfolio project... amazing components

  • @ghostcatcher1279
    @ghostcatcher1279 Před 4 měsíci

    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.

  • @BooksWeCanRead
    @BooksWeCanRead Před 4 měsíci

    So nice! Thanks for sharing!!

  • @Offiziersmesser
    @Offiziersmesser Před 4 měsíci +3

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

  • @VitorVelosoSA
    @VitorVelosoSA Před 4 měsíci

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

  • @christianasnelngoulla9868
    @christianasnelngoulla9868 Před 4 měsíci +1

    Josh you are awesome 🎉

  • @ofcljaved
    @ofcljaved Před 4 měsíci

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

  • @tuyentrancong3646
    @tuyentrancong3646 Před 4 měsíci

    Thanks for your information😀!

  • @user-wv1sj7cx9v
    @user-wv1sj7cx9v Před 2 měsíci +1

    sid philips from toy story crazy video thank you

  • @israrahmed1251
    @israrahmed1251 Před 3 měsíci

    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)

  • @anth0ni33
    @anth0ni33 Před 4 měsíci +1

    Shadcn/UI really started a movement🎉🎉

  • @sidakvats693
    @sidakvats693 Před 3 měsíci

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

  • @Amruth
    @Amruth Před 4 měsíci

    Could you also make a video on Reactive Resume maybe?

  • @holymoly8417
    @holymoly8417 Před 4 měsíci

    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

  • @HikaruAkitsuki
    @HikaruAkitsuki Před 4 měsíci

    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.

  • @jakemoss8700
    @jakemoss8700 Před 4 měsíci

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

  • @reactjs1900
    @reactjs1900 Před 13 dny

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

  • @prabhattambe4047
    @prabhattambe4047 Před 4 měsíci

    Already using from last 20 days

  • @eshw23
    @eshw23 Před 4 měsíci +2

    Thank you Josh's cat

  • @EvestTech
    @EvestTech Před 4 měsíci

    WOWWW, Looooks sooo gooood

  • @cannotthinkofanybetterhandle

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

  • @jackb94
    @jackb94 Před 4 měsíci

    There's a svelte port for this aleeady too 😎

  • @tg.studios
    @tg.studios Před 3 měsíci

    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

  • @rand0mtv660
    @rand0mtv660 Před 4 měsíci +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 Před 4 měsíci

      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 Před 4 měsíci

      @@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  Před 4 měsíci +1

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

  • @zorrobasher2947
    @zorrobasher2947 Před 4 měsíci

    josh are u change setup room?

  • @chanderthakur9005
    @chanderthakur9005 Před 16 dny

    bro you remind of sid from toy story no cap

  • @abdelmoghithhaitar6568
    @abdelmoghithhaitar6568 Před 4 měsíci

    whats the code theme they use ?

  • @awakenwithoutcoffee
    @awakenwithoutcoffee Před 4 měsíci +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 ,

  • @mazwrld
    @mazwrld Před 4 měsíci

    should've gate kept this smhh

  • @rapidreasearchyt
    @rapidreasearchyt Před 4 měsíci

    but this will make our website slow. right?

  • @InfoVerseNetwork
    @InfoVerseNetwork Před 4 měsíci +5

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

  • @AndrieMC
    @AndrieMC Před 4 měsíci +1

    "my cat told me about this ui library"

  • @yvanricardoecarrigomez
    @yvanricardoecarrigomez Před 4 měsíci

    Felipito, I love you 💕

  • @5MinuteSmarter
    @5MinuteSmarter Před 4 měsíci

    Time to rebuild my portfolio 😂

  • @InfotrackTechnology
    @InfotrackTechnology Před 4 měsíci

    it's sup ui library 🤩

  • @yaaaayeet745
    @yaaaayeet745 Před 4 měsíci

    Mannu paaji FTW

  • @kathanmehtaa
    @kathanmehtaa Před 4 měsíci

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

  • @patsy02
    @patsy02 Před 4 měsíci

    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 Před 4 měsíci

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

  • @SharunKumar
    @SharunKumar Před 4 měsíci

    We got cat devs before gta 6

  • @aka.theos.
    @aka.theos. Před 4 měsíci

    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 Před 4 měsíci

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

  • @hyperprotagonist
    @hyperprotagonist Před 4 měsíci

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

    • @theklr
      @theklr Před 4 měsíci

      well isn't this post original

  • @inmosh
    @inmosh Před 4 měsíci +1

    "0 users on your app" UI library

  • @jikd0
    @jikd0 Před 4 měsíci +1

    Please not another library. Js ecosystem is a maze

  • @tszsysnapse1599
    @tszsysnapse1599 Před 4 měsíci

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

  • @LawJolla
    @LawJolla Před 4 měsíci

    Looks very gimmicky.

  • @AkashLayal
    @AkashLayal Před 4 měsíci

    First.

  • @user-xu3lj1ej8d
    @user-xu3lj1ej8d Před 4 měsíci

    I hate this ui library

  • @imkir4n
    @imkir4n Před 4 měsíci

    X @mannupaaji
    The guy behind this 🔥

  • @zorrobasher2947
    @zorrobasher2947 Před 4 měsíci

    josh are u change setup room?