37 x Interactive React JS Components to Try - Aceternity UI

If you want to make your websites look 10x awesome, try Aceternity UI. You can copy paste the most trending components and use them in your websites without having to worry about styling and animations.

00:00 - React JS Interactive Animated Components
00:29 - What is Aceternity UI
00:51 - 3D Card
01:32 - 3D Animated Pin
02:03 - Hero Parallax
02:18 - Google Gemini Effect
02:47 - Scroll Beam
03:03 - Animated Tooltip
03:36 - Background Beams
03:57 - Bento Grid
04:33 - Card Stack
04:56 - Container Scroll Animation
05:24 - Evervault Card - Hyperplexed
05:53 - Background Grid and Glow Card
06:17 - Infinite Moving Cards
06:39 - Parallax Grid Scroll
07:03 - Stick Scroll Reveal
07:29 - Animated Tabs
07:53 - Additional Bonus Effects

#reactjs #ui #interactive

Want to learn more? ⭐ Check out my courses! ⭐

Software & Discounts:

Computer Gear:

Camera Equipment:

Title ideas:
37 x Interactive React Components to Try - Aceternity UI
37 x Interactive & Animated React Components - Aceternity UI
New React JS Interactive Component Library - Aceternity UI
Try this insane interactive animated react js library - Aceternity UI
Try These New Interactive ReactJS Components - Aceternity UI

[-anonim-]

Bro, you're hero! Thank so much for this content)

[tiqlol]

this is golden any other sites like this

[mikeychocho]

I just decided to rebuild my portfolio website, gonna spam these components 💯
Thanks a lot man!

[micbab-vgmu]

Thank you for the video:) Could you show us how to add those element to the webistes created by editor X.

[bakersentamu]

I've tried it out, I feel the animations are sophiscated but don't server the everyday needs of simple animations

[HenriAGS]

There's an older project I made with CRA that I wanted to refactor. I was wondering if I need to migrate it to NextJS or if I can use Aceternity with CRA.

[SauradipGhosh]

For background a good example is the cursor landing page globe section. please have a look

[furycorp]

There are some nice components however I don't think its much different than the pile of other tailwind / tailwind+react component collections/directories out there, or browsing codesandbox/codepen/etc. I do think its a cool idea by the author to use this as a vehicle to pitch his custom services.

[captnoplan]

I can imagine a lot of these will be confusing and too distracting for users. Invest your efforts into creating awesome copy and things that will improve usability and conversion vs adding flashy effects that make your laptop fan spin.

[PrashantKumar-ryfu]

osm buddy thank i never like anyone video but u deserve comment no here there in video direct to the point

[yousafsabir]

Finally I can add animations on my portfolio

[shadwar]

I have tried to use 3d card effect in simple Next js but it does not create 3d effect or what shows in preview . It just adding tilt motion which can easily be done with simple tailwind or I am doing something wrong please correct me .

[keeplearning]

can you suggest how we can create interactive educational content ?

[thorenjp]

Is there any similar website for Angular also?? Please let me know

[niv]

Alternate title: 37 x React components that are completely useless for in 99% of the projects you’d ever work on.

[ragnarokorigin-htzc]

I clicked because of the thumbnail. DAFAQ

[yoshiinatuki]

Looks great but at the cost of performance. The issue with 99% of the libraries are that non of them are optimised for performance so if you are working on a high scale project they are useless. Also it depends on tailwind which is on it self is bloated. I'm working mostly for big clients you'd be amazed how much time we spend on reducing the final bundle size and how bloated most of those libraries are for no reason. We start with a prototype using most of the known libraries and then strip everything and try to reduce the final bundle to 80% less code.

[iamBenjieTV]

To think that this was made by one man....

[treyrader]

ugh... this is what ive been building since the new year. now i am upset lol