Daily doses of curated CSS, HTML, and JS code snippets for web developers. Direct links to CodePen & source code.
Joined August 2014
- Tweets2.1K
- Following73
- Followers3K
- Likes5.6K
How do you build interfaces with deep, premium visual hierarchy?
Here are 5 advanced Frosted Glass effects to separate content seamlessly without dragging down performance 🧵👇
5. Adaptive Frosted Glass
A smart adaptive glass component that respects dark mode and user transparency preferences. Built with HTML and pure CSS by @argyleink.
Bookmark this thread so you don't lose it 📌
Explore the full collection of frosted glass effects, complete with source code and CodePen playfields:
freefrontend.com/css-frosted…
How do you make your UI feel smooth and polished?
Here are 5 modern CSS fading effects that add depth to your layout without heavy JS overhead.
Let's dive in 👇🧵
5. Fancy Fading Footer
A glassmorphism footer that blurs and fades out the content behind it. It combines backdrop-filter and mask-image for a seamless scroll effect.
👨💻 Author: @juxtopposed
Bookmark this thread so you don't lose it 📌
You can explore the full collection of fading effects and get the open-source code on CodePen here:
freefrontend.com/css-fading-…
heerich.js. 3D voxels in SVG. Zero dependencies. Mechanics stripped to raw geometry and boolean operations. Open vectors instead of a canvas black box. Structure exposed. Pure logic.
meodai.github.io/heerich/
CSS direction aware effects collection for interactive UI design. Download free code for mouse-tracking hover animations. View HTML/CSS CodePen demos.
freefrontend.com/css-directi…
SVG is a transparent DOM, not a static image. Carmen Ansio strips the format to pure logic: coordinate systems, raw shapes, and CSS manipulation. Expose the mechanics, drop the visual tools, and write the code.
carmenansio.com/articles/svg…
Explore our updated collection of CSS book effects. Download free 3D book covers and page-turning animations. View HTML/CSS code and CodePen demos.
freefrontend.com/css-book-ef…
CSS Blur Effects collection for modern UI design. Download free Glassmorphism and backdrop-filter code snippets. View updated CodePen demos.
freefrontend.com/css-blur-ef…
CSS Fire Animations collection for creative UI design. Download free realistic flame effects and particle systems. View HTML/CSS code and CodePen demos.
freefrontend.com/css-fire-an…
