Build and Ship a Design System in 8 Steps Using Backlight
Sponsored
Learn how to use Backlight, an all-in-one collaborative tool that allows teams to build, ship, and maintain Design Systems at scale.
ui
How to Bring Your Website to Life with UI Animation
Sponsored
Web design can feel pretty predictable these days. If you want to differentiate your website from the pack, bring some excitement to it with UI animation.
Image Dragging Effects
By Mary Lou on
A set of playful dragging effects for images using various techniques.
Custom Cursor Effects
By Stefan Kaltenegger on
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels.
Freebie: Dusk UI Icons (SVG, EPS, PDF, PNG)
By Icons8 on
An exclusive freebie from the Icons8 Dusk icon set with 80 modern, soft-colored icons in several different formats, perfect for a fresh interface design.
Inspiration for Search UI Effects
By Mary Lou on
A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
Effect Ideas for Card Stacks
By Mary Lou on
Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.
Mobile “Pull to Share” Interaction Experiment
By Mary Lou on
A mobile "pull to share" interaction that allows to share a page by using the familiar "pull to refresh" movement. Based on the action for refreshing and opening/clo
Freebie: “Land.io” UI Kit + Landing Page Template (HTML)
By Taty Grassini on
Land.io is a carefully crafted landing page UI kit and landing page template built on Bootstrap 4, designed by Peter Finlan and developed by Taty Grassini.
Shaded Progress Bars: A CSS/Sass Exercise
By Rafael González on
A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins.
Drag and Drop Interaction Ideas
By Mary Lou on
Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged.
Freebie: Jellycons iOS 8 App Icon Set (PNG, Sketch)
By LoveUI.co on
A free pack of beautiful and pixel-perfect iOS 8 app icons from LoveUI.co. The freebie includes the taster set of 30 colorful and unique icons with all required app
Minimal Form Interface
By Mary Lou on
A very simplistic form interface that shows only one text input at a time and reveals the next input with a subtle transition. The concept is based on the form at th
A Great UI is Invisible
By Patrick Cox on
A user interface that is invisible and that provides seamless interaction possibilities will help the user focus on their goals and direct them to what they need.
Planning Your Web Design with Sketches
By Steven White on
Planning a website doesn't have to be completely digital. Learn how sketching wireframes can help you speed up and innovate your creatives.
UI Design Guidelines for Responsive Design
By Kayla Knight on
Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive.
Designing For The Empty States
By Craig Dennis on
Understand how to add some delight into an app by designing the empty states and give users a better experience.
Slider Pagination Concept
By Mary Lou on
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content t