This UI component library is mind-blowing

Let's explore a free open-source UI library that replicates advanced animations found on the landing pages of top-tier startups. Learn how to code advanced components in React and other JavaScript frameworks.

[limarchenko]

I’m still impressed by Google’s sign in form redesign from last week

[manuarora]

Thankyou for sharing Aceternity UI! :)

I'm a fireship lifer btw 💯

[ptrvbrw]

I've been testing these components recently and I've got lots to say about it:

- Most of them look really good but the quality is not consistent (Checkout the 3D card, then go take a look at the buttons).
- Almost every component I tried had performance issues. The animations are smooth when it's the only component you're rendering. But your frame rate will drop quite fast as you add more and more components.
- Some of them (maybe all of them i haven't checked) are not responsive. For instance, the meteors effect has a hard coded width of 400px...

If you want to use these into production, you will need to modify the component's code yourself in order to make them work like you expect. So overall good design but bad implementation.

[HemstitchedIrony]

Vercel hires so many people working on amazing open source projects

[RILDIGITAL]

Incredible work explaining the magic behind these UI libraries and their practical use cases. The section on customizing elements and diving into the code was enlightening.

[abhirajsinha]

Been using it for my prev 2 sites, definitely one of the most helpful component libraries

[Fjonan]

This is the perfect video to remind folks about the "prefers-reduced-motion" CSS media query. Some people genuinely get motion sick from these kind of animation. Bonus tip: designing your animations in a way that can be switched off gives you a way to do that when you notice performance problems.

[gustavo]

"If it looks cool, then the code is correct"... AMEN.

[cryptophrenik]

Those are some beautiful looking components!

[sultonbekrakhimov]

Exactly, i recently concluded that copy/pasting is the best way of utilizing ui components

[CourageToGroww]

We are really at the point in full stack JS frameworks where we call just a next.js project a vanilla next.js project. xD

[khawajamohsin]

Dude, I love your humor.
Great videos.

[guydht]

5:16
When a UI library doesn't know to use padding instead of margin:

[adriankal]

Now all we need is a browser plugin to disable all of that to make web fast again.

Waiting for a video on that!

[xigorxx]

i love watching videos of coding and programming that I don't understand!

[hsdev]

Now I have to look into this SHADchedelic library.. looks interesting.

[riteshKumarWebDeveloper]

I am working with this library and it's mind blowing🤯

[ficciones]

Every influencer doing a video on the same exact component library 🤣 "just a coincidence"

[xen]

Finally framer motion getting the airtime it should always have

[LolKillization]

if it looks good, the code is correct. that's the most encouraging line i've heard in my entire coding career