Olivia
Online
FreeFrontend
@FreeFrontend
Daily doses of curated CSS, HTML, and JS code snippets for web developers. Direct links to CodePen & source code.
Joined August 2014
73 Following
3K Followers
2.1K Posts
Bookmark this thread so you don't lose it 📌
Explore the full collection of frosted glass effects, complete with source code and CodePen playfields:
https://t.co/55kXVqqOFM
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 📌
You can explore the full collection of fading effects and get the open-source code on CodePen here:
https://t.co/SjMAX1eBJA
Who to follow
Ilya Sutskever 
@ilyasut
SSI @SSI
PhotoSync
@photosync_app
PhotoSync is the first app that makes wireless transfer of your photos/videos from/to your computer as well as to your iPad, iPhone, iPod touch - a breeze!
寺山武士 Takeshi Terayama
@takeshiterayama
イラストレーターです。福岡在住。二児の父。料理担当。ビール好き。書籍型 366日の絵数字万年カレンダー「Date Today」 販売中です→https://t.co/gSNjV7Rj0p インスタグラム→https://t.co/s21gatylmr
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
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.
https://t.co/TK4Wc7RET6
CSS direction aware effects collection for interactive UI design. Download free code for mouse-tracking hover animations. View HTML/CSS CodePen demos.
https://t.co/LvB8NE6B4R
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.
https://t.co/J4kqtKgP2n
Explore our updated collection of CSS book effects. Download free 3D book covers and page-turning animations. View HTML/CSS code and CodePen demos.
https://t.co/FGJ9dhMYgY
CSS Blur Effects collection for modern UI design. Download free Glassmorphism and backdrop-filter code snippets. View updated CodePen demos.
https://t.co/RZE3A2g9OE
CSS Fire Animations collection for creative UI design. Download free realistic flame effects and particle systems. View HTML/CSS code and CodePen demos.
https://t.co/1uMOXFotkD
Last Seen Users on Sotwe
F ตาหล้องหุ่นหมี
Seen from Thailand
girltwinkk
Seen from Turkey
Sofii
Seen from Indonesia
ابو علاء
Seen from Pakistan
Super Mom
Seen from Turkey
John Smith
Seen from Mexico
WASMO SOMALI 🫦🍆🇸🇴
LucysTGWorld (150K) 😵💫 BBC | MILFS | TRANS
Seen from Peru
Raven
Seen from Denmark
ARANAN PORNO
Seen from Turkey
Most Popular Users
Elon Musk
@elonmusk
241.5M followers
Barack Obama
@barackobama
118.8M followers
Cristiano Ronaldo
@cristiano
114.5M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.1M followers
Rihanna
@rihanna
98.7M followers
NASA
@nasa
92.3M followers
Justin Bieber
@justinbieber
91.8M followers
KATY PERRY
@katyperry
90M followers
Taylor Swift
@taylorswift13
84M followers
Lady Gaga
@ladygaga
75.5M followers
Virat Kohli
@imvkohli
73.5M followers
Kim Kardashian
@kimkardashian
70.9M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
66.5M followers
Bill Gates
@billgates
65.3M followers
Selena Gomez
@selenagomez
63.1M followers
The Ellen Show
@theellenshow
62.2M followers
CNN
@cnn
61.7M followers
X
@x
60.7M followers