Topic Archives

CSS Snippets

From animation to responsive design, find the perfect CSS code snippet for your web design project and streamline your development process.

View all CSS content

8 CSS & JavaScript Snippets for Creating Sticky Elements

8 CSS & JavaScript Snippets for Creating Sticky Elements

CSS / JavaScript

Learn how to use CSS and JavaScript to build sticky headers, navigation bars, and UI elements. Includes working examples and practical tips.

Nostalgic Code Snippets That Bring Back the 1990s

Nostalgic Code Snippets That Bring Back the 1990s

CSS / JavaScript / UI Design

I’m not ashamed to admit that I came of age during the 90s. It’s also when my design career started. So sometimes I find it rejuvenating (and somewhat amusing) to…

8 Comic-Inspired Snippets Powered by CSS & JavaScript

8 Comic-Inspired Snippets Powered by CSS & JavaScript

CSS / Digital Art / JavaScript

We share a collection of copy and paste CSS and JavaScript code snippets you can use to create highly creative comic-style UI designs.

8 CSS Snippets That Demonstrate the Power of Shadow Effects

8 CSS Snippets That Demonstrate the Power of Shadow Effects

CSS / UI Design

A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.

Fantastic Examples of Variable Fonts in Action

Fantastic Examples of Variable Fonts in Action

Fonts / UI Design

Variable fonts are the best thing to happen to typography since web fonts. And we’ve some variable font code snippets that prove just that!

10 CSS Snippets for Creating Unique Background Effects

10 CSS Snippets for Creating Unique Background Effects

CSS / UI Design

By combining CSS with a sprinkle of JavaScript, you can create some truly creative background effects, as these code snippets demonstrate.

8 CSS Snippets for Creating Horizontal Rules & Dividers

8 CSS Snippets for Creating Horizontal Rules & Dividers

CSS / UI Design

If you’re looking to take your HR’s up to the next level, this stunning collection of free CSS divider code snippets goes beyond the default.

8 CSS & JavaScript for Creating Stunning ASCII Artwork

8 CSS & JavaScript for Creating Stunning ASCII Artwork

CSS / JavaScript / UI Design

Take a look at our collection of ASCII artwork code snippets that have been enhanced and animated with CSS & JavaScript.

8 CSS Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

CSS / UI Design

We highlight some inspiring examples of how web designers are bringing excitement to toggle switches with CSS, while still maintaining their functionality.

8 Radiant Glow Effects Made with CSS and JavaScript

8 Radiant Glow Effects Made with CSS and JavaScript

CSS / JavaScript

Glow effects are a design staple, adding style and setting the mood. Here’s a collection of CSS and JavaScript snippets for creating those stunning glow effects.

CSS Properties to Make Hyperlinks More Attractive

CSS Properties to Make Hyperlinks More Attractive

CSS / UI Design

There are several new CSS properties available for customizing hyperlinks, giving you a higher level of control over spacing, sizing, and more.

8 Code Snippets for Creating Amazing Patterns with CSS

8 Code Snippets for Creating Amazing Patterns with CSS

CSS / UI Design

Patterns are among the most flexible design assets. They can be the star of the show or fit neatly into the background. As such, they can also range from minimal…

8 CSS & JavaScript Snippets that Celebrate the Sky & Outer Space

8 CSS & JavaScript Snippets that Celebrate the Sky & Outer Space

CSS / JavaScript / UI Design

The natural world has always served as a great source of inspiration. And we can see some of its most amazing wonders by looking up towards the heavens. A crystal-blue…

8 HTML Code Snippets for Creating Responsive Newsletter Templates

8 HTML Code Snippets for Creating Responsive Newsletter Templates

CSS / UI Design

A collection of HTML code snippets that give you a great starting point for creating your own responsive newsletters templates.

8 CSS & JavaScript Snippets for Creating eCommerce Microinteractions

8 CSS & JavaScript Snippets for Creating eCommerce Microinteractions

CSS / JavaScript / UI Design

A collection of code snippets for adding simple microinteractions to your eCommerce store. Improve the UX of your online store!

10 CSS, JavaScript & SVG Snippets for Creating Logos

10 CSS, JavaScript & SVG Snippets for Creating Logos

CSS / JavaScript / Logo Design / UI Design

We take a look at 10 examples of logo design built with CSS, JavaScript and SVG. Some are originals, others are from well-known brands. All are amazing!

8 CSS & JavaScript Snippets for Texture & Pattern Effects

8 CSS & JavaScript Snippets for Texture & Pattern Effects

CSS / JavaScript / UI Design

We have a fantastic collection of free-to-use CSS and JavaScript code snippets that you can use to create highly creative patterns & textures.

8 CSS & JavaScript Snippets for Creating Interactive Timelines

8 CSS & JavaScript Snippets for Creating Interactive Timelines

CSS / JavaScript / UI Design
123Next Page