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.
Reference: ui.aceternity.com/
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! ⭐
📘 Teach Me Design - Course: www.enhanceui.com/
📚 OpenAI + GPT - Course & Templates: enhanceui.gumroad.com/
Software & Discounts:
💻 Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
✖ Editor X: www.editorx.com/adrian-twarog
🚾 Webflow: webflow.grsm.io/adrian
🌿 Envato: 1.envato.market/yRZjz2
🌿 Envato Elements: 1.envato.market/LP0OJZ
🔴 Elementor: elementor.com/adrian/?ref=23140
Computer Gear:
⬛ Monitor: amzn.to/3f9DOQI
⌨ Keyboard: amzn.to/3eA5UFD
🐁 Mouse: amzn.to/3xVJO8l
🎤 Mic: amzn.to/3hgCfms
📱 Tablet: amzn.to/3ewt7sa
💡 Lighting: amzn.to/3vOZeZY
💡 Key Lighting: amzn.to/3f6qP2f
Camera Equipment:
📷 Camera: amzn.to/3uCv4J9
📸 Primary Lens: amzn.to/3vT6wMm
📸 Secondary Lens: amzn.to/3tyqWIX
🎥 Secondary Camera: amzn.to/3o2zCGi
🎙 Camera Mic: amzn.to/33tCz9l
🎞 USB to HDMI: amzn.to/33yW9RE
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
Пікірлер: 71
Short and Informative. Thanks !
Woooooow! Bro, you're hero! Thank so much for this content)
Exactly what I needed. Modernized animations!!!!!
Big thanks, on time boss ❤❤❤
I just decided to rebuild my portfolio website, gonna spam these components 💯 Thanks a lot man!
this is golden any other sites like this
Thank you for sharing.
Keep it coming bro...
Great Info
These are great
Thank you for the video:) Could you show us how to add those element to the webistes created by editor X.
really it was nice
wow awesome 😲
Would love to see it in Vue
I've tried it out, I feel the animations are sophiscated but don't server the everyday needs of simple animations
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.
For background a good example is the cursor landing page globe section. please have a look
awesome
Nice video
Cool 🎉
🔥🔥🔥
this is so cool
Great
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.
Finally I can add animations on my portfolio
osm buddy thank i never like anyone video but u deserve comment no here there in video direct to the point
Thanks sir
@abhi1ertu
5 ай бұрын
Good2
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.
can you suggest how we can create interactive educational content ?
😭very good thank .....................
Is there any similar website for Angular also?? Please let me know
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 .
@wcdemo
5 ай бұрын
same issue
I need table components with tailwind
Does it also work on React-Native??
Proud ❤ it's made by Indian
ugh... this is what ive been building since the new year. now i am upset lol
To think that this was made by one man....
I clicked because of the thumbnail. DAFAQ
Alternate title: 37 x React components that are completely useless for in 99% of the projects you’d ever work on.
I knew before then your video came ....try make such videos before anyone else
@mazwrld
5 ай бұрын
wtf are you taking about
@treyrader
5 ай бұрын
@@mazwrld lololol
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.
Is these components responsive?
@alyxx997
5 ай бұрын
no. many of them wont work on mobile at all. theres cool components but many of them are bad, better to create from scratch imo.
Life easy 😂
People really need to just stop messing with scroll behaviour. It's the most annoying thing on the internet
@naylord5
5 ай бұрын
Amen to that
@reezayn
5 ай бұрын
you better leave surfing internet then 😂
@spooky4655
5 ай бұрын
YESSSS
@crazyboyrish2577
5 ай бұрын
Ya then stop using css for design only use html
@isaacchingancheke1677
5 ай бұрын
Okay
Just check the pricing lol. Its like $4000 per month or something. Like what?
🤍
It's made by indian
They look like crap on mobile and the pricing is a bad ioke
@GPORTER43
5 ай бұрын
The pricing is just for custom components. All the stuff shown here is free to use, but agree they don't look great on mobile
@Suz4n650
5 ай бұрын
Even on desktop, some looks way to blurry
@PraiseYeezus
5 ай бұрын
It looks like the components are just a marketing tool so the dev can secure more work building sites for others. Not mad at it honestly, but the best usecase for these would be taking the source code yourself and using it as a starting point. Besides responsiveness, I'm sure many of them won't be particularly light and quick to load.
please nooooooooo..........................!!
Its slow
Looks very gimmicky.
Everything just stolen from codepen
for christ sake, stop release new JS lib/frame for every nanoseconds
way too much fancy and annoying to me.
Pricing is close to a scam, and components are really cheap looking
All of the UI examples are headache inducing to me 🤢. I hope people don't think this is "cool" and start inserting this everywhere.