-
Website styled like Mac OS
Interesteing OS-like website design.
-
Fluid Typography
Neat way of implementing fluid font sizes.
-
Screenshot.Rocks
Create beautiful browser & mobile mockups in seconds.
-
Simpleicon
Free SVG icons for popular brands.
-
Recreating a Dave Whyte Animation
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
-
The Rules of Margin Collapse
In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly.
-
Accessible SVG Icons
The answer to “What is the most accessible HTML for an SVG icon?”.
-
A Calendar in Three Lines of CSS
A seven-column grid makes for a calendar layout pretty quick.
-
12 CSS Submit Buttons
Latest Collection of free HTML and CSS Submit Button Code Snippets.
-
Pure CSS Digital Clock
No JavaScript, no HTML(*). Not even for the caption text.
-
Handling Short And Long Content In CSS
When you build a layout in CSS, it’s important to account for and test short and long text content.
-
Tab Bar
Animated Tab menu bar.
-
Animated Tab Bar
Tab menu animation transition.
-
Centering in CSS
Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change.
-
Add to Calendar Generator
Generate an "Add to Calendar" link supporting Google Calendar.
-
Custom Styles in GitHub Readme Files
Using svg files for custom styles in readme files.
-
Parametric Color Mixer
A color palette composer inspired by audio parametric equalizers. Create beautiful color palettes with a scientific precision.
-
Reducing Motion in Animations
How to use the prefers-reduced-motion media feature in both CSS and JS to offer alternative interactions for users that prefer them.
-
Linjer
Click and drag to add nodes. .
-
Animated underline
A multi-line spanning animated underline.
-
Pure CSS Merry Christmas
An animated Santa in pure CSS.
-
Christmas Tree
Decorate Your Christmas Tree.
-
Image Stack Intro Animation
Loading images and move them to their respective position in the grid.
-
Cyberpunk 2077 Buttons
Pure CSS button with an Cyberpunk glitch on hover.
-
Text Grid with Mouse Interaction
A nice mouse interaction on hover.
-
UI Interactions & Animations
A fresh set of trendy UI interactions and animations for your inspiration.
-
Pure CSS Monument Vally
CSS animation of the game Monument Valley.
-
Impossible Lightbulb
Try and turn on this lightbulb!.
-
Astronomical & Tide Calendar
See the angle and distance of moon and sun and the resulting tide.
-
Christmas Card Generator
Generate a SVG Christmas card!.