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!
Super Wheels: A high-fidelity luxury automotive landing page featuring GSAP scroll animations, 3D CSS typography, physics-based hover states, and a custom dual-audio engine.
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.
This helicopter made by only CSS
3D Game Player is a CSS & JavaScript based 3D element without any JS Librarys 😁🤟.
A landing page, for a nfts website
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.
simple CSS 3D animation
Vyro is a multipage creative engineering studio theme developed by Jawad Iftikhar. Structured across home, blog, and blog-archive pages, it implements a persistent site-wide light/dark theme switcher, a drag-and-rotate 3D CSS prism cube, an interactive diagnostics terminal emulator, brief budget estimators, and client-side performance mockups.
A custom 3D card-pulling UI and JavaScript logic wrapper for the WordPress Quiz and Survey Master (QSM) plugin.
🎖️ 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!
A perspective cube to improve my CSS skills
Balls inside cubes effect to improve my CSS skills
🌤️ A glassmorphic 3D weather dashboard built by a 3-person team — live meteorological instruments, 24-hr & 10-day forecasts, and dark mode, powered by a hybrid WeatherAPI.com + Open-Meteo backend.
A perspective sphere to improve my CSS skills
To associate your repository with the 3d-css topic, visit your repo's landing page and select "manage topics."