deals

premiumpacks & css table (19 items)

Multiple data tables created in CSS

freebies

An HTML table made responsive using only raw CSS. On mobile view, the header row is fixed to the left and the content is scrollable horizontally. C...

An HTML table made responsive using only raw CSS. On mobile view, the header row is fixed to the left and the content is scrollable horizontally. Created by CodePen user Flor Antara.

This is a Gantt chart concept made with CSS-grid. You can modify the chart by using the grid column property within the CSS file to span a new entr...

This is a Gantt chart concept made with CSS-grid. You can modify the chart by using the grid column property within the CSS file to span a new entry across the grid. The chart is structured with raw HTML and the CSS is precompiled through SCSS. Created by CodePen user Phil.

Fully Mobile responsive and accessible data table made in CSS by Codepen user Charlie Cathcart. At narrower viewpoints, the thread is hidden, rows ...

Fully Mobile responsive and accessible data table made in CSS by Codepen user Charlie Cathcart. At narrower viewpoints, the thread is hidden, rows are turned into cards with labels shown using a data-* attribute.

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

Lifetime Access To FastestVPN, Only $29: Adblocker, Anti-Malware, NAT Firewall, Zero Log Policy

This is an article on how to make tabs using only CSS. The method used is list with checked pseudo selector but without list or nested div structur...

This is an article on how to make tabs using only CSS. The method used is list with checked pseudo selector but without list or nested div structure. The code is editable on the examples.

A gorgeous statistic CSS features table with a neat flat style, great typography and additional design elements like chart bars. This table highlig...

A gorgeous statistic CSS features table with a neat flat style, great typography and additional design elements like chart bars. This table highlights a "view more" option when you hover over a product, making it really appealing and sale-driven. This table was crafted by Jamie Coulter.

Thanks to the power of CSS, this code snippet generates an excellent pricing table allowing you to show your product's price ranges in a compelling...

Thanks to the power of CSS, this code snippet generates an excellent pricing table allowing you to show your product's price ranges in a compelling and informative way. It has pastel colors and four prices by default, although you can change them and add more. This pen was created and uploaded by Codepen's user adamnemecek.

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

TemplateMonster Bootstrap Themes Bundle: 35 Premium Products, Animated, HTML, CSS, JS, SCSS, Pug,

This code snippet works by adding curved edges to a table, thus creating a beautiful and different way to interact with data on a table. You can ea...

This code snippet works by adding curved edges to a table, thus creating a beautiful and different way to interact with data on a table. You can easily edit the HTML and CSS code, and apply a more beautiful look to it. It was created by Rumyra user on Codepen.

This tutorial will help you create beautiful, and practical tables styled using CSS3. Also, jQuery will be used to create fallbacks for older brows...

This tutorial will help you create beautiful, and practical tables styled using CSS3. Also, jQuery will be used to create fallbacks for older browsers. They will have:- Rounded corners with no images- Will be easy to update, with no extra CSS ID's or classes added- User-friendly and easy to read

This is a simple, responsive accordion table created with pure CSS. It has the appearance of a regular table until you view it from a mobile device...

This is a simple, responsive accordion table created with pure CSS. It has the appearance of a regular table until you view it from a mobile device, in which it looks like a menu. It was created in CSS and HTML, and it can be fully editable to make it more beautiful, and to better integrate it on your website, blog or mobile app.

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

This code snippet helps you create a plain and clear, responsive table with SASS and HTML5. It can display any sort of data, and it can be arranged...

This code snippet helps you create a plain and clear, responsive table with SASS and HTML5. It can display any sort of data, and it can be arranged any way you need, keeping its responsive capabilities.

This code snippet allows you to create a simple and organized table of contents with formatted texts, link and a sidebar. It looks pretty much like...

This code snippet allows you to create a simple and organized table of contents with formatted texts, link and a sidebar. It looks pretty much like a regular blog structure so it can be used in a wide variety of sites, and even newsletters. Also, it has a sidebar menu with anchors, so when you click on one item, you'll see it highlighted.

This is a data table for a jQuery plugin. The author wanted to share the hover effect he was using in his project. If you hover of a table row, the...

This is a data table for a jQuery plugin. The author wanted to share the hover effect he was using in his project. If you hover of a table row, the sibling rows will blur and fade out, making it a great effect to set an actual focus on the row that you need. It was created with HTML and CSS by Jack Rugile.

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social...

40 Premium WordPress Plugins to Revamp Your Website! SEO Optimizing, Campaign Management, Quality Leads Generation & Capture, Page Building, Social Conversion Boosting, Mobile Optimizing, Browser Graphical Editors, Opt-In Content Delivery, and so much more! Only 19$!

A cool table design that allows you to customize the information that's being displayed on the screen with a set of selectors located on top. Just ...

A cool table design that allows you to customize the information that's being displayed on the screen with a set of selectors located on top. Just click on the arrows or directly input the number to be represented. Additionally, the bars have a subtle highlight effect when moving the cursor over them.

This is a free web design resource containing a set of three pricing tables, available in HTML/CSS3 coded version and also in PSD format if you wan...

This is a free web design resource containing a set of three pricing tables, available in HTML/CSS3 coded version and also in PSD format if you want to tweak the design. These tables include the service’s title, price, description, features, sign up button and a highlighted service.

In this tutorial written by Valeriu Timbuc, the reader will be able to create a table with the class “pricing-table,” being the base class to add t...

In this tutorial written by Valeriu Timbuc, the reader will be able to create a table with the class “pricing-table,” being the base class to add the styling. The tutorial is composed of various steps, in which the author explains how to add the HTML, the basic CSS, the plan section, the price section, the features section, the description section, the “float” text, and how to make it work on Internet Explorer.

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).

This type of design is nothing new, but Chris Harris, the creator of the code, claims he saw it online and thought there must be a way to make the ...

This type of design is nothing new, but Chris Harris, the creator of the code, claims he saw it online and thought there must be a way to make the same without images and with relative units, so he created it in CSS and is completely editable.

This resource is a custom UI grid with a linear gradient on hover. It has been created with HTML, CSS and Javascript, and also has a navigation at ...

This resource is a custom UI grid with a linear gradient on hover. It has been created with HTML, CSS and Javascript, and also has a navigation at the bottom for accessing much more data than usual. It is fully editable to provide further functionality.

This is a set of elegant pricing tables put together in JSFiddle. They have no hierarchy at all, so you are able to establish which one of it has t...

This is a set of elegant pricing tables put together in JSFiddle. They have no hierarchy at all, so you are able to establish which one of it has the most relevant price. Also, you can show additional relevant information, as the features of the product, the quality and more. You can edit the code to improve it.

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

450 Halloween Design Assets, Vector Character & Scene Generator. 4 Design Styles. Over 60% Discount! Get This Spooky Promo Now For Only 9$!

This code snippet consists of three nicely designed flat price tables in CSS, a code experiment created by Robin Brons on Codepen. The main purpose...

This code snippet consists of three nicely designed flat price tables in CSS, a code experiment created by Robin Brons on Codepen. The main purpose of it is making the central one stand out over the other two, but by adding more functionality, you can allow the other cards to have relevancy as well.