Lists (4)
Stars
A collection of inspiring lists, manuals, cheatsheets, blogs, hacks, one-liners, cli/web tools and more.
Episode 226 - Build a CSS Theme Toggler from Scratch
React.js Admin Dashboard. 👉 Content Management User Authorization and management. 👉Security and Permissions . 👉Viewing Data and editing. 👉 CRUD functionality or management. 👉 Dark & Light Mode. 👉Cl…
The Patterns of Scalable, Reliable, and Performant Large-Scale Systems
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Learn System Design concepts and prepare for interviews using free resources.
This e-learning website is crafted using HTML, CSS, Bootstrap, and JavaScript, offering a modern and interactive platform for online education. It features responsive design, intuitive navigation, …
This project focuses on a Ganesha image displayed with a colorful background. The image is surrounded by three chakra-like structures, each of which rotates clockwise or counterclockwise with a uni…
This special Ganesh Chaturthi website features a background image of a boy holding a light in his hand, along with a Vinayaka family photo displayed on the wall. Additionally, the website includes …
This Ganesh Chaturthi website is designed to celebrate the spirit of Lord Ganesha by showcasing his unknown facts, specialty, and embedded videos. The page features a black box at the top containin…
This project displays an image of Lord Ganesha, accompanied by Ganesh Chaturthi wishes written below the image with a stunning neon glowing effect using HTML and CSS.
This project showcases the Eiffel Tower with an animation where the lights on the tower change colors at a set duration of 25 seconds using HTML and CSS. The animation gives a vibrant and dynamic f…
This project involves creating an animated scene for Krishna Janmashtami using HTML and CSS. The animation features Lord Krishna standing with a pot of ghee, with Krishna and the Janmashtami wishes…
This project is a web-based LAS file viewer that allows users to upload and view LAS files directly in the browser. The application is built using React.js, Next.js, MongoDB, Node.js, and Express.
This login form project includes multiple interactive features, including a right-moving chevron icon on the login button, third-party app login icons with hover scaling, and a show/hide password t…
This project implements a simple and interactive login form that includes a password hide/show feature. The password visibility can be toggled by clicking on the eye icon, which also scales up when…
This project features a hacker-style login form with a dynamic, moving background. The background scrolls from top to bottom, creating an immersive effect, while the grid view adds a techy vibe. Th…
This project demonstrates how to create a beautiful waving effect for the Indian national flag using only HTML and CSS. The flag appears to wave in the wind, giving it a realistic and dynamic look,…
This project creates an animated Indian flag with a marquee effect displaying wishes across the flag. The flag waves in the wind while a scrolling text of wishes moves across it, adding a dynamic a…
This project demonstrates how to create an animation of the Indian flag using HTML and CSS. The animation brings the tricolor flag of India to life, showcasing the saffron, white, and green stripes…
This project demonstrates how to combine the popular design trends of Claymorphism and Glassmorphism using HTML and CSS. The webpage features an image with a smooth, soft claymorphism background an…
This project demonstrates how to create a Glassmorphism effect card with content and a picture background using HTML and CSS. The card features a frosted glass effect with a background image, makin…
This project demonstrates how to create a simple Glassmorphism Card UI using HTML and CSS. The card features a modern frosted glass effect, giving it a sleek and elegant appearance. This design is …
This project demonstrates the creation of Glassmorphism Icon Buttons using HTML and CSS. These buttons feature a modern frosted glass-like design with icons and smooth hover effects, making them pe…
This project is a portfolio card with a Glassmorphism effect, featuring a theme change option using HTML, CSS, and JavaScript. The card showcases a modern frosted glass-like appearance, and users c…
This project showcases a Glassmorphism Button Hover UI using HTML and CSS. The buttons have a frosted glass-like appearance with a smooth hover effect, creating an aesthetically pleasing and modern…
This project demonstrates how to create a web page featuring both a Glassmorphism and a Neumorphism styled clock using HTML, CSS, and JavaScript. The Glassmorphism clock has a frosted glass-like ap…
This project demonstrates how to create a form using the Glassmorphism design trend with HTML and CSS. Glassmorphism is a design style that incorporates frosted glass-like elements, giving a modern…