Home / 3D and Depth
3D and Depth CSS Templates
Depth makes a screen feel like a place. These ten templates show how far plain CSS can go in three dimensions: cards that tilt toward your cursor, isometric boxes, shadows that look real, cards that flip, a product box you can turn, floating glass windows and cards that stack as you scroll. No 3D library needed.
071. 3D Tilt Cards
Postcard Club, a postcard subscription
072. Isometric
Stackyard, a fulfillment warehouse
073. Layered Shadows
Forma, a furniture maker
074. Floating Elements
Driftwood, a to-do app
075. Perspective Scroll
Fieldnote, a year in review page
076. Flip Cards
Palabra, a Spanish flashcard app
077. 3D Product Box
Kettle Lane, a tea brand
078. Spatial UI
Habitat, a spatial meeting workspace
079. Depth Blur
Terraza, a family winery