deals

premiumpacks & css list styles (21 items)

Examples of CSS list styles showing different ways to display lists in UI/UX projects, from ordered lists and tree menus to simple to-do lists, you'll find frameworks and snippets to tyle lists for widgets, tables, popups, shopping carts, and much more!

freebies

A simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It's suitable for most websites, accommodating u...

A simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It's suitable for most websites, accommodating up to four levels of page navigation and additional utility links, and can easily be customized to meet your own individual needs, branding, or style preferences. Created by Matt Everson of Astuteo.

An amazing tool containing interactive examples featuring the how to build UI components using Flexbox, starting with simple ones and ending with m...

An amazing tool containing interactive examples featuring the how to build UI components using Flexbox, starting with simple ones and ending with more complex features, helping you with the core learnings and the use of this everyday tool.

Sharing could not be easier with these nice buttons with a simple hover effect with sideways expansion. Make your share buttons from your site inte...

Sharing could not be easier with these nice buttons with a simple hover effect with sideways expansion. Make your share buttons from your site interactive. It uses Raleway Font-Family and it's pure CSS.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

This code snippet takes inspiration from Rdio's fantastic interface and mimics the fade effect applied to extensive lists within the music service,...

This code snippet takes inspiration from Rdio's fantastic interface and mimics the fade effect applied to extensive lists within the music service, which makes the list disappear into the background gradually as the list grows longer and longer. Apart from looking great, this effect tells the user there's more to come, which is a nice functionality.

A cool design for an animated shopping card including the total price in the bottom. When hovering on the main element, the list comes down with a ...

A cool design for an animated shopping card including the total price in the bottom. When hovering on the main element, the list comes down with a graceful transition. According to the developer, it might not work with browsers such as IE and Opera, so you should think about that before implementation.

This project provides a small widget intended to be used as a quick and light mini-mail interface. It contains multiple options in its confined spa...

This project provides a small widget intended to be used as a quick and light mini-mail interface. It contains multiple options in its confined space, such as reply, favorite, delete, tag, write a new email and more. Also, little arrows next to the header call for a multi-paged navigation.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

A tiny to-do list for efficient task management uploaded by CSSDeck's Christophe Benoliel Molina. This design allows you to check and uncheck ...

A tiny to-do list for efficient task management uploaded by CSSDeck's Christophe Benoliel Molina. This design allows you to check and uncheck assignments on click, with a small icon next to them confirming the operation. Clicking on the 'X' on top erases all finished tasks, while the "+" button brings them back.

Marco Biedermann from CSSDeck has created this straightforward to-do list that allows users the possibility to ...

Marco Biedermann from CSSDeck has created this straightforward to-do list that allows users the possibility to check and uncheck all of the tasks included in the list, with a neat effect that "crosses off" finished assignments. This project makes use of only CSS and HTML.

Here we have a sleek design providing a fantastic interface for a file download widget including icons for specific formats, the options to open th...

Here we have a sleek design providing a fantastic interface for a file download widget including icons for specific formats, the options to open the downloads folder, download queue and much more. Styled entirely with CSS, based on a PSD by Dairien Boyd.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

A nice example of the possibilities available with CSS brought to us by CSS Flow in the form of a tabbed menu interface. The widget uses no JavaScr...

A nice example of the possibilities available with CSS brought to us by CSS Flow in the form of a tabbed menu interface. The widget uses no JavaScript in order to function and minimum markup. The design was based on the original PSD created by Aaron Sananes.

An interesting concept for applying custom looks to ordered lists with the help of the mighty CSS. A special technique is applied to the numbers on...

An interesting concept for applying custom looks to ordered lists with the help of the mighty CSS. A special technique is applied to the numbers on the left hand side in order to achieve their appearance. You can see a nice transparent hover effect, too. Uploaded by Kushagra Agarwal.

A set of 8 pop-ups windows inspired by iOS 6's interface. They make use of CSS classes to add arrows, justify text and remove dividers. They come i...

A set of 8 pop-ups windows inspired by iOS 6's interface. They make use of CSS classes to add arrows, justify text and remove dividers. They come in a solid black color and include light shadow effects for styling. Uploaded to CSSDeck by the user Kushagra Agarwal.

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graph...

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graphics Projects! Only 29$ (82% Off)

A set of basic boxes representing a calendar view with months and days in a list, although it can have many purposes depending on your needs. The t...

A set of basic boxes representing a calendar view with months and days in a list, although it can have many purposes depending on your needs. The title sections come in multiple colors and the numbers on the list contain a soft hover effect. Uploaded by Bartos Lazarski.

A very simple, yet attractive list requiring only a few lines of CSS to take care of its styling. It is possible to add headlines and sub-texts wit...

A very simple, yet attractive list requiring only a few lines of CSS to take care of its styling. It is possible to add headlines and sub-texts with links on them, as well as images for a more visually appealing look. CSSDeck user Bartos Lazarski uploaded this project.

This list, although very much a functional product, is more of a completely experimental project given the ridiculous amount of new CSS effects it ...

This list, although very much a functional product, is more of a completely experimental project given the ridiculous amount of new CSS effects it takes advantage of. You will find background gradients, box shadows, animations, keyframes and so on. Uploaded to CSSDeck by user LukyVj.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

An uncomplicated to-do list originally created by Thibaut, who at the time took inspiration from a PSD created by Facundo Gonzalez. This revision (...

An uncomplicated to-do list originally created by Thibaut, who at the time took inspiration from a PSD created by Facundo Gonzalez. This revision (uploaded by CSSDeck’s Rishabh) finishes the checkbox functionality for a sharp result, while keeping the tool as a CSS-only creation.

Taufik Nurrohman from CSSDeck brings us this stripped-down design for a tree menu framework based on a tutorial seen at Odyniec, but tweaking it a ...

Taufik Nurrohman from CSSDeck brings us this stripped-down design for a tree menu framework based on a tutorial seen at Odyniec, but tweaking it a bit in order to completely avoid JavaScript and use pure CSS for styling, including pseudo-elements for the branches.

This comprehensive pen shows eight different ways to display lists within your projects. The examples are quite diverse, going from a basic navigat...

This comprehensive pen shows eight different ways to display lists within your projects. The examples are quite diverse, going from a basic navigation to having animated selections or iPhone-styled menus. Everything is done with HTML and CSS by CodePen's Tiffany May.

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

When working with lists, giving customized looks to generated content can be an issue. This project intends to solve that issue by deactivating the...

When working with lists, giving customized looks to generated content can be an issue. This project intends to solve that issue by deactivating the auto-generated material and creating you own, which allows you to give it any style setting you want. Created by CodePen's Eric E. Anderson.

Here we have a graceful list intended to let us make selections among a group of music albums. The artists' photos come divided with a soft shadow ...

Here we have a graceful list intended to let us make selections among a group of music albums. The artists' photos come divided with a soft shadow effect and the header comes alive with beautiful tones. It was styled with pure CSS by CSSDeck user LukyVj, based on a Dribbble shot by Rovane Durso.

Tyler Fry from CodePen has recreated a Dribbble shot that consists of a to-do list that allows the user to not only check and uncheck current tasks...

Tyler Fry from CodePen has recreated a Dribbble shot that consists of a to-do list that allows the user to not only check and uncheck current tasks, but also add new ones for the future. An amazing multi-gradient background covers the project, giving it a stylish touch.

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shop...

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shops with WooCommerce Integration, Portfolios, Startups, & Business Sites PLUS All Future Releases, Theme Updates, & Support. Only $29! (71% Off!)