Category Archives

UI Design

The role of a UI designer is to create the aesthetic appearance of everything that the end-user interacts with (the UI or user interface), from designing the pages of a website to the screens of a mobile application.

Here you will find web and mobile UI kits, wireframe templates and apps, responsive web design packages, free icons, mockup templates, printable sketch sheets, UI tutorials, free fonts, and much more. Essentially, all the tools and resources to help you get started on your next web or mobile project quicker and easier.

Playing with Fire: Examples of Creating Flame Effects with Code

Playing with Fire: Examples of Creating Flame Effects with Code

Enhance your web design projects with these mesmerizing and realistic flame effects and animations using CSS, JavaScript, and SVG.

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

We share a collection of CSS and JavaScript snippets for creating unorthodox container designs that eschew standard layouts.

8 CSS & JavaScript for Creating Animated Backgrounds

8 CSS & JavaScript for Creating Animated Backgrounds

We share a collection of CSS and JavaScript snippets for creating animated backgrounds. They will all add flair to previously-static features.

10 CSS Grid Snippets for Creating Unique Layouts

10 CSS Grid Snippets for Creating Unique Layouts

A collection of ten free CSS grid code snippets for creating some truly creative and experimental web layouts.

5 Printable Templates for Sketching Responsive Layouts

5 Printable Templates for Sketching Responsive Layouts

As mobile devices evolve, designing websites responsively has become necessary. However, unlike static or fixed websites, the fluidity and flexibility of responsive sites can make it challenging to convey design…

CSS Properties to Make Hyperlinks More Attractive

CSS Properties to Make Hyperlinks More Attractive

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

8 CSS Snippets for Creating Horizontal Rules & Dividers

8 CSS Snippets for Creating Horizontal Rules & Dividers

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 Snippets That Celebrate Old School Technology

8 CSS & JavaScript Snippets That Celebrate Old School Technology

After reaching a certain age, you’ll find yourself revisiting the technology that was part of your younger life. Suddenly you pine for the VCR or the C64.

8 CSS & JavaScript Snippets for Creating Chat UIs

8 CSS & JavaScript Snippets for Creating Chat UIs

A collection of CSS and JavaScript code snippets for creating modern messaging and chat UIs that your users will love.

8 CSS & JavaScript Snippets for Creating Accordion UIs

8 CSS & JavaScript Snippets for Creating Accordion UIs

A collection of accordion UIs, built with CSS & JavaScript, that showcase what can be achieved with modern coding techniques.

8 CSS & JavaScript Snippets for Stylish Quotes

8 CSS & JavaScript Snippets for Stylish Quotes

Eight compelling CSS & JavaScript snippets to present quotes on your website. There is a style here to fit just about every need.

8 CSS & JavaScript Snippets for Recreating Iconic Titles

8 CSS & JavaScript Snippets for Recreating Iconic Titles