Topic Archives

UI Components

Explore and download our free collections of UI components and code snippets and streamline your web development process.

View all CSS content

10 CSS, JavaScript & SVG Snippets for Creating Logos

10 CSS, JavaScript & SVG Snippets for Creating Logos

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

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

These CSS & JavaScript snippets demonstrate that timelines can be incredibly versatile. From minimally formatted layout to a fully animated experience.

10 CSS & JavaScript Snippets for Page Transition Effects

10 CSS & JavaScript Snippets for Page Transition Effects

A collection of CSS and JavaScript snippets for creating page transitions that you can use to add something exciting to your next project.

8 CSS & JavaScript Snippets for Social Media Icons & Buttons

8 CSS & JavaScript Snippets for Social Media Icons & Buttons

Customize your website with unique social media icons using CSS and JavaScript. Stand out with personalized icons that match your brand.

8 Pure CSS Games You Can Play in Your Browser

8 Pure CSS Games You Can Play in Your Browser

A collection of the best pure CSS games currently available. They range from the stupefyingly simple all the way to “wow, CSS can do that?”

8 CSS & JavaScript Snippets for Creating 3D Text Effects

8 CSS & JavaScript Snippets for Creating 3D Text Effects

A collection of CSS and JS snippets for creating beautiful 3D text effects. They run the gamut from calm and classy to outrageously animated.

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

8 CSS & JavaScript Snippets for Wild & Crazy Backgrounds

We take a look at an area that will grab your attention: wild and crazy background patterns built with CSS and JavaScript. No subtlety here.

How to Target Design Elements with the CSS :not Pseudo-Class

How to Target Design Elements with the CSS :not Pseudo-Class

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

The simple act of light reflecting off of or refracting through a surface can produce stunning visuals. We see it every day in the physical world. It might be the…

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

Whether designing an Ajax-powered app or wanting to add a fun preloader to your website, these CSS spinner snippets are just what you need.

10 CSS Code Snippets for Responsive Text Techniques

10 CSS Code Snippets for Responsive Text Techniques