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.

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

CSS / UI Design

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

CSS / UI Design

We take a look at a number of different approaches you can take to implement responsive text into your web design layouts.

8 CSS Grid Snippets for Creating Common Website Layouts

8 CSS Grid Snippets for Creating Common Website Layouts

CSS / UI Design

A collection of common website layout concepts built using CSS grid. Each one demonstrates how they can make life easier for web designers.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

CSS / UI Design

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

CSS / JavaScript / UI Design

A collection of liquid effects CSS & JavaScript snippets that are incredibly realistic, while others are reminiscent of a sci-fi fantasy.

8 CSS & JavaScript Snippets for Bokeh Effects

8 CSS & JavaScript Snippets for Bokeh Effects

CSS / JavaScript / UI Design

Enhance your website’s look with these CSS and JavaScript snippets for creating eye-catching bokeh effects. Perfect for adding visual flair.

8 CSS & JavaScript Snippets for Animating Words

8 CSS & JavaScript Snippets for Animating Words

CSS / JavaScript / UI Design

Explore a collection of CSS and JavaScript code snippets for creating eye-catching animated typographic effects.

8 CSS & JavaScript Snippets for Creating Blur Effects

8 CSS & JavaScript Snippets for Creating Blur Effects

CSS / JavaScript / UI Design

We share some excellent examples of CSS & JavaScript blur effects. They are a surefire way of making a design element stand out.

8 CSS & JavaScript Snippets for Creative Audio & Video Players

8 CSS & JavaScript Snippets for Creative Audio & Video Players

CSS / JavaScript / UI Design

A collection of CSS & JavaScript code snippets for creating incredible HTML5 audio and video players. Feel free to experiment with the source code.

8 CSS & JavaScript Snippets for Creating Gamification Badges

8 CSS & JavaScript Snippets for Creating Gamification Badges

CSS / UI Design

Covering a variety of styles and levels of complexity, we have an amazing collection of gamification badges that have all been built using HTML and CSS.

8 CSS & JavaScript Snippets for Creating Paginated Navigations

8 CSS & JavaScript Snippets for Creating Paginated Navigations

CSS / JavaScript / UI Design

We share some highly creative CSS and JavaScript code snippets that you can use for free to improve the pagination on your own website.

8 CSS & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

CSS / JavaScript / UI Design

From bold transformations to simple highlights, we share some fantastic CSS & JavaScript card UI hover effect snippets.

10 CSS Snippets for Creating Responsive Pricing Tables

10 CSS Snippets for Creating Responsive Pricing Tables

CSS / UI Design

A collection of snippets for creating responsive pricing tables. You can further customize the CSS or reuse the code as a template.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

CSS / UI Design

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

10 Retro Video Games Recreated with HTML, JS & CSS

10 Retro Video Games Recreated with HTML, JS & CSS

CSS / JavaScript / UI Design

A collection of classic video games that have been recreated with HTML, CSS, and JavaScript. Pac-Man, Super Mario Bros, Sonic, and more.

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

CSS / JavaScript / UI Design

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

8 CSS & JavaScript Snippets for Creating Audio Visualizations

8 CSS & JavaScript Snippets for Creating Audio Visualizations

CSS / JavaScript / UI Design

A collection of JavaScript and CSS snippets that bring a visual element to sound. Some work with audio files, while others merely facsimile the effect.

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

CSS / JavaScript / UI Design
Previous Page23456Next Page