A full-stack 3D CSS synthesizer that takes user-submitted MIDIs and play them!
-
Updated
Jul 30, 2024 - CSS
A full-stack 3D CSS synthesizer that takes user-submitted MIDIs and play them!
🚀 Biswajith PN - Next-Gen AI & Data Science Developer Portfolio. Engineered with pure Vanilla JS, featuring a custom 3D neural loader, flawless glassmorphism UI, dynamic GitHub repo syncing, and an interactive AI chatbot."
This helicopter made by only CSS
A full-stack web app that generates 3D CSS cakes. Uses every knowledge and skills I've learned so far on my web developer journey.
simple CSS 3D animation
3D Game Player is a CSS & JavaScript based 3D element without any JS Librarys 😁🤟.
A landing page, for a nfts website
🎖️ Tactical Command — Military 3D authentication for Defender's Day. Go Fiber + GORM + SQLite + Alpine.js + Tailwind. Features radar sweeps, dog tags, camouflage, scan lines, and real-time validation. No CGO required!
🧬 DNA Biogenesis — Immersive 3D genetic-themed authentication with rotating DNA double helix, floating nucleotides (A, T, G, C), bioluminescent effects, and async validation. Go Fiber + GORM + SQLite + Alpine.js + Tailwind CSS. No CGO required!
Balls inside cubes effect to improve my CSS skills
🔐 Stunning 3D glassmorphism authentication system with immersive visual effects. Built with Go Fiber, GORM, SQLite, Tailwind CSS, and cutting-edge CSS 3D transforms. Features mouse-tracking parallax cards, floating geometry, and particle effects.
⚙️ Clockwork Mechanism — Immersive steampunk 3D authentication with rotating gears, steam particles, bronze aesthetics, and Victorian industrial design. Go Fiber + GORM + SQLite + Alpine.js + Tailwind CSS. No CGO required!
A perspective cube to improve my CSS skills
Explore a curated collection of mini projects showcasing my proficiency in HTML, CSS, and JavaScript. Created during my learning journey, these projects serve as practical exercises, reinforcing fundamental concepts and demonstrating my commitment to continuous improvement in front-end development.
Add a description, image, and links to the 3d-css topic page so that developers can more easily learn about it.
To associate your repository with the 3d-css topic, visit your repo's landing page and select "manage topics."