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
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.
3D Game Player is a CSS & JavaScript based 3D element without any JS Librarys 😁🤟.
simple CSS 3D animation
A perspective cube to improve my CSS skills
🧬 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
🎖️ 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!
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.
🎲 Revolutionary 3D rotating cube authentication with cyberpunk neon aesthetics. Built with Go Fiber, GORM, SQLite, Tailwind CSS. Features Matrix digital rain, neon glow effects, and CSS 3D transforms. Login/Register on different cube faces!
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."