Basic scroll-target-group
Una Kravets showcases scroll-target-group
on this demo (Chrome 140+ required). The menu on the right side will update as the page scrolls... and all in pure CSS!
Office CSS Art
As part of a DEV.to CSS Art challenge, Bridget Amana drew an office inspired by the TV show The Office. It's a pity it didn't win, it was my favorite from all the CSS drawings.
3DCSS
Expertly using animation-composition
, Amit Sheen (who else?) is able to craft and bring to life this incredible animation in fewer than 75 lines of CSS. Mind blown!
AI Keys
A fun demo by creative coder Jhey Tompkins. Maybe the keyboard of the future for AI developers: enough buttons for tab, copy-paste, and ask the LLM.
Sunday CSS #15: Made This Dog with Just HTML & CSS. No SVG or Canvas!
Julia Miocene shares CSS Art videos on Sundays. She only uses HTML, CSS, and a little bit of SVG for filters (the noise effect in this dog is perfect). Follow her on YouTube, the videos are great.
Galactic Black Hole Simulation
Impressive interactive black hole simulator with ThreeJS. Spin it, change its colors, click on it... There's so many possibilities to discover. Great demo by lyziew.
Inverting shapes using shape()
Temani Afif shares useful tips and tricks with CSS. This time, it is how to invert a clip created using the new shape()
function. The idea is simple and effective.
Flight Status Card
A complete card with flight status data created by TurboKit. From weather information to seat location, you can move the mouse over the different card elements to obtain extra information.
Circular Nav Component
Chris Bolson created a navigational menu using circular patterns to display and layout buttons with smooth animations. The demo includes links to interesting variants. I may steal use them for inspiration in a future project.
Interactive Black Hole
A different type of black hole from Prasenjit. It doesn't have as many options as the previous one, but the clean and smooth animations are out of this world. Motion warning.
Top comments (1)
These all are really amazing and impressive,
Hey! Can you male me a beautiful landing page Flight Status Card 👈 those color theme will be like this,. But this website landing page will be for UI Library website, can you make for me plz using html, css, js and more that you use to make beautiful websites, plzplzpzl