This UI Library is Kinda Sick

Рет қаралды 45,426

5 ай бұрын

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 5 ай бұрын

Thankyou for sharing Aceternity UI! :)

@faizanahmed9304 5 ай бұрын

Haa! Creator of this Ui. Great job on this.

@dddddeeeevvvvvv 5 ай бұрын

Manu Paaji, you are famous now 🎉

@arkyapatwa196 5 ай бұрын

Bhaiyaji super ui lib

@ApexModi6000 5 ай бұрын

Ayyy the founder himself ❤

@Yesterday_i_ate_rat 5 ай бұрын

Amazing ui library

@muhammaduseram9405 4 ай бұрын

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

@2006Pk 4 ай бұрын

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

@nazarshvets7501 4 ай бұрын

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

@justusbuyu9344 5 ай бұрын

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

@mdmnbp1183 5 ай бұрын

we are blessed

@MeonisRP 4 ай бұрын

True story

@starlord7526 4 ай бұрын

how so? where do you find those bg?

@TejasThombare-rl4du 5 ай бұрын

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

@MeatCatCheesyBlaster 4 ай бұрын

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

@Offiziersmesser 4 ай бұрын

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

@ghostcatcher1279 4 ай бұрын

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.

@MarowMacaulay 3 ай бұрын

This is super!! Thanks for sharing Josh :)

@sunilmaurya6594 4 ай бұрын

Had used in my portfolio project... amazing components

@VitorVelosoSA 4 ай бұрын

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

@BooksWeCanRead 5 ай бұрын

So nice! Thanks for sharing!!

@jakemoss8700 5 ай бұрын

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

@reactjs1900 Ай бұрын

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

@christianasnelngoulla9868 5 ай бұрын

Josh you are awesome 🎉

@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

@sidakvats693 4 ай бұрын

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

@anth0ni33 4 ай бұрын

Shadcn/UI really started a movement🎉🎉

@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.

@Amruth 4 ай бұрын

Could you also make a video on Reactive Resume maybe?

@abdelmoghithhaitar6568 4 ай бұрын

whats the code theme they use ?

@tuyentrancong3646 4 ай бұрын

Thanks for your information😀!

@zorrobasher2947 4 ай бұрын

josh are u change setup room?

@user-wv1sj7cx9v 2 ай бұрын

sid philips from toy story crazy video thank you

@israrahmed1251 4 ай бұрын

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)

@rapidreasearchyt 4 ай бұрын

but this will make our website slow. right?

@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

@eshw23 5 ай бұрын

Thank you Josh's cat

@joshtriedcoding 4 ай бұрын

she is the mastermind behind all this

@tg.studios 4 ай бұрын

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

@cannotthinkofanybetterhandle 4 ай бұрын

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

@prabhattambe4047 5 ай бұрын

Already using from last 20 days

@EvestTech 4 ай бұрын

WOWWW, Looooks sooo gooood

@chanderthakur9005 Ай бұрын

bro you remind of sid from toy story no cap

@jackb94 4 ай бұрын

There's a svelte port for this aleeady too 😎

@rand0mtv660 5 ай бұрын

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 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 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 4 ай бұрын

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

@AndrieMC 4 ай бұрын

"my cat told me about this ui library"

@yvanricardoecarrigomez 4 ай бұрын

Felipito, I love you 💕

@5MinuteSmarter 4 ай бұрын

Time to rebuild my portfolio 😂

@mazwrld 4 ай бұрын

should've gate kept this smhh

@awakenwithoutcoffee 4 ай бұрын

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 5 ай бұрын

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

@LabhamJain 5 ай бұрын

1 hour ago lol

@InfotrackTechnology 4 ай бұрын

it's sup ui library 🤩

@yaaaayeet745 5 ай бұрын

Mannu paaji FTW

@kathanmehtaa 5 ай бұрын

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

@joshtriedcoding 4 ай бұрын

oops

@SharunKumar 4 ай бұрын

We got cat devs before gta 6

@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.

@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.