Must-Try Frontend Libraries π₯
Transition.css β https://www.transition.style
Chart.js β https://www.chartjs.org
Packery β https://packery.metafizzy.co
Splide β https://splidejs.com
SimpleParallax β https://simpleparallax.com
AOS β https://michalsnik.github.io/aos
Swiper.js β https://swiperjs.com
GSAP β https://greensock.com/gsap
Three.js β https://threejs.org
Lenis β https://lenis.studiofreight.com
Framer Motion β https://www.framer.com/motion
Locomotive Scroll β https://locomotivemtl.github.io/locomotive-scroll
Transition.css β https://www.transition.style
Chart.js β https://www.chartjs.org
Packery β https://packery.metafizzy.co
Splide β https://splidejs.com
SimpleParallax β https://simpleparallax.com
AOS β https://michalsnik.github.io/aos
Swiper.js β https://swiperjs.com
GSAP β https://greensock.com/gsap
Three.js β https://threejs.org
Lenis β https://lenis.studiofreight.com
Framer Motion β https://www.framer.com/motion
Locomotive Scroll β https://locomotivemtl.github.io/locomotive-scroll
transition.style
argyleink/transition.css
Drop-in CSS transitions
π Full Stack Projects You Should Build
1οΈβ£ AI SaaS Tool
Learn authentication, subscriptions, APIs & AI integration.
π Source Code: https://github.com/ayusshrathore/ai-saas
2οΈβ£ Real-Time Collaborative Code Editor
Just like Google Docs but for coding. Multiple users can edit code simultaneously.
π Source Code: https://github.com/Mohitur669/Realtime-Collaborative-Code-Editor
3οΈβ£ Trading Simulator
A virtual stock trading platform to practice trading strategies.
π Source Code: https://github.com/nikolatechie/trading-simulator
4οΈβ£ Microservices E-Commerce Platform
Learn scalable architecture using microservices, APIs, and backend systems.
π Source Code: https://github.com/ShahandFahad/E-Commerce
5οΈβ£ Real-Time Chat Application
Build a WhatsApp-like chat app with real-time messaging.
π Tutorial + Code: https://youtu.be/B_l8nD-bvI0?si=M4N5p1wiPiBW-XA8
6οΈβ£ Developer Portfolio SaaS
Create a platform where developers can generate their own portfolio websites.
π Source Code: https://github.com/akhilub/portfolio-saas
7οΈβ£ Job Referral Platform
A platform where users can request and provide job referrals.
π Source Code: https://github.com/RutikKulkarni/ReferralNetworkHub
8οΈβ£ Food Delivery App
Build your own Swiggy/Zomato-like full stack application.
π Source Code: https://github.com/Mshandev/Food-Delivery
9οΈβ£ Ride Sharing App
Learn how ride booking systems like Uber work.
π Source Code: https://github.com/codinggita/ride_share
π Video Streaming Platform
Build your own YouTube-like video streaming platform.
π Source Code: https://github.com/soumanpaul/Video-streaming-web-app
1οΈβ£ AI SaaS Tool
Learn authentication, subscriptions, APIs & AI integration.
π Source Code: https://github.com/ayusshrathore/ai-saas
2οΈβ£ Real-Time Collaborative Code Editor
Just like Google Docs but for coding. Multiple users can edit code simultaneously.
π Source Code: https://github.com/Mohitur669/Realtime-Collaborative-Code-Editor
3οΈβ£ Trading Simulator
A virtual stock trading platform to practice trading strategies.
π Source Code: https://github.com/nikolatechie/trading-simulator
4οΈβ£ Microservices E-Commerce Platform
Learn scalable architecture using microservices, APIs, and backend systems.
π Source Code: https://github.com/ShahandFahad/E-Commerce
5οΈβ£ Real-Time Chat Application
Build a WhatsApp-like chat app with real-time messaging.
π Tutorial + Code: https://youtu.be/B_l8nD-bvI0?si=M4N5p1wiPiBW-XA8
6οΈβ£ Developer Portfolio SaaS
Create a platform where developers can generate their own portfolio websites.
π Source Code: https://github.com/akhilub/portfolio-saas
7οΈβ£ Job Referral Platform
A platform where users can request and provide job referrals.
π Source Code: https://github.com/RutikKulkarni/ReferralNetworkHub
8οΈβ£ Food Delivery App
Build your own Swiggy/Zomato-like full stack application.
π Source Code: https://github.com/Mshandev/Food-Delivery
9οΈβ£ Ride Sharing App
Learn how ride booking systems like Uber work.
π Source Code: https://github.com/codinggita/ride_share
π Video Streaming Platform
Build your own YouTube-like video streaming platform.
π Source Code: https://github.com/soumanpaul/Video-streaming-web-app
Free Coding Games to Learn Programming for Beginners
1. CodinGame
2. CSS Diner
3. Flexbox Froggy
4. Flexbox Defense
5. Grid Garden
6. CodeCombat
7. Scratch
8. Tynker
9. SQL Murder Mystery
10. Untrusted
11. Elevator Saga
12. CheckiO
1. CodinGame
2. CSS Diner
3. Flexbox Froggy
4. Flexbox Defense
5. Grid Garden
6. CodeCombat
7. Scratch
8. Tynker
9. SQL Murder Mystery
10. Untrusted
11. Elevator Saga
12. CheckiO
Most people only know Gemini. But here are 10 free Google AI tools actually worth using π
π¨ Pomelli β Turn your website into on-brand posts & campaigns
π http://labs.google/pomelli
π₯οΈ Stitch β Describe a website/app β get UI + frontend code
π http://stitch.withgoogle.com
β‘ Opal β Build AI workflows & mini-apps with plain English
π http://opal.withgoogle.com
π¨βπ» Antigravity β Googleβs agentic IDE that can plan & write code
π http://antigravity.google
π― Mixboard β Generate, combine & edit AI images on one board
π http://labs.google/mixboard
π§© Disco β Turn your browser tabs into custom AI apps
π http://labs.google/disco
π NotebookLM β Turn PDFs, docs & YouTube videos into summaries, quizzes & more
π http://notebooklm.google
π Learn Your Way β Create personalized courses with AI
π http://learnyourway.withgoogle.com
π€ Google AI Studio β Build & test Gemini-powered AI apps for free
π http://aistudio.google.com
π Jules β AI coding agent that works on GitHub & opens PRs
π https://jules.google
π¨ Pomelli β Turn your website into on-brand posts & campaigns
π http://labs.google/pomelli
π₯οΈ Stitch β Describe a website/app β get UI + frontend code
π http://stitch.withgoogle.com
β‘ Opal β Build AI workflows & mini-apps with plain English
π http://opal.withgoogle.com
π¨βπ» Antigravity β Googleβs agentic IDE that can plan & write code
π http://antigravity.google
π― Mixboard β Generate, combine & edit AI images on one board
π http://labs.google/mixboard
π§© Disco β Turn your browser tabs into custom AI apps
π http://labs.google/disco
π NotebookLM β Turn PDFs, docs & YouTube videos into summaries, quizzes & more
π http://notebooklm.google
π Learn Your Way β Create personalized courses with AI
π http://learnyourway.withgoogle.com
π€ Google AI Studio β Build & test Gemini-powered AI apps for free
π http://aistudio.google.com
π Jules β AI coding agent that works on GitHub & opens PRs
π https://jules.google
Stitch
Stitch - Design with AI
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
Preview :- https://www.instagram.com/reel/DeHOMLPtOII/?stkn=MXZlY2FmbmkwY2dvZA==
.
Source Code :- ππππ
.
Source Code :- ππππ
Preview :- https://www.instagram.com/reel/DeMWSVkzV7O/?utm_source=ig_web_copy_link&stkn=MzRlODBiNWFlZA==
.
Source Code :- ππππππ
.
Source Code :- ππππππ
Preview :- https://www.instagram.com/reel/DeO63udhSGg/?stkn=MTZvbWx5dDUwb2s1aA==
.
Source Code :- ππππ
https://github.com/henryjeff/portfolio-website
.
Source Code :- ππππ
https://github.com/henryjeff/portfolio-website
Preview :- https://www.instagram.com/reel/DeRaDabtHku/?rpxt=YmV0a2V4YTZjcTVv
.
Source Code :- ππππ
https://github.com/nowakkamil/nowakkamil.github.io
.
Source Code :- ππππ
https://github.com/nowakkamil/nowakkamil.github.io
Advanced GSAP ScrollTrigger Animations: Finish Your Landing Page
.
.
Link :- https://youtu.be/nuSOdeYbWVo
.
.
Link :- https://youtu.be/nuSOdeYbWVo