Discover the best tables websites created by professional designers. Get inspired and start planning your perfect tables web design today!

A responsive layout of a table built with divs

Table Template

table-template-81d32b

NicelyDone UI Kit gives you a comprehensive collection of HTML, CSS, and JS components which are simple to use in Webflow, customizable and extendable. 

It provides a great structure for building websites quickly with a scalable and maintainable foundation. Get the same benefits as BEM, but without any hassle.

NicelyDone UI Kit treats words and classes as the exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. It comes equipped with an intuitive inheritance system and high level theming variables that let you have complete design freedom.   

Feel free to use it wherever/however you want, no credit needed.

Please give this project a like so others can see it!

UI Kit & Style Guide Template

NicelyDone — UI Kit & Style Guide Template (Copy + Paste)

Cloneable 4 Column Pricing Table / Grid.

- Includes sticky package heading
- Tooltips / Help Button
- Category / Feature Separation
- Responsive Mobile Version (Tabs)

⁃⁃⁃⁃

🥰 Support Us:

𝙄𝙛 𝙮𝙤𝙪 𝙚𝙣𝙟𝙤𝙮 𝙤𝙪𝙧 𝙘𝙤𝙣𝙩𝙚𝙣𝙩, 𝙥𝙡𝙚𝙖𝙨𝙚 𝙘𝙤𝙣𝙨𝙞𝙙𝙚𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩𝙞𝙣𝙜 𝙪𝙨 𝙤𝙣 𝙤𝙪𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨. 𝙔𝙤𝙪𝙧 𝙨𝙪𝙥𝙥𝙤𝙧𝙩 𝙝𝙚𝙡𝙥𝙨 𝙪𝙨 𝙜𝙧𝙤𝙬 𝙩𝙝𝙧𝙤𝙪𝙜𝙝 𝙧𝙚𝙖𝙘𝙝𝙞𝙣𝙜 𝙛𝙪𝙧𝙩𝙝𝙚𝙧!

⦿ Website @ www.flowbase.co
⦿ Webflow @ www.webflow.com/flowbase
⦿ Twitter @ www.twitter.com/t_bekkers
⦿ Instagram @ www.instagram.com/flowbase.co

⁃⁃⁃⁃

✒️ Licence Notes:

⦿ Images available under CC0 (Unsplash, Pexels, Freepix or Similar)
⦿Typography available under SIL Open Font License 1.1 (Inter)
⦿ Iconography available under CC0 (UpLabs, Flaticon, Noun Project)

Webflow Pricing Grid (CLONE)

Webflow Pricing Table (Clone)

Webflow

A beautifully clean pricing table layout.

Camera pricing grid

First shot at presenting data from a collection using a dynamic Grid Table & Bar Chart together with linked filter. Used only black for bars, but the collection list allows for multicolor.  Any feedback would be great. If any one can explain to me how to get the bar chart to work horizontally much appreciated.

Dynamic Grid Table & Linked Bar Chart Based on Collection

dynamic-cms-grid-table-ba-499290e946135

You can use this project as a starting point for your own list of shortcuts of an app you love.

The original project has shortcuts for InVision's Studio: https://www.invisionapp.com/studio

Studio Shortcuts

Studio Shortcuts — A list of shortcuts for a app.

Cryptocurrency market data app that is built and hosted on Webflow.

CryptOptions - Options & Crypto Market Data (Hosted)

CryptOptions - Cryptocurrency Market Data

Barron's Quotes (8893)

barrons-quotes-8893

Simple example of some of the options available using Data Table JS, including column filter, sort, print, copy and export to excel. Automatic vertical and horizontal scroll based on width | height.

Discover tables websites built by the Webflow community

Discover tables websites built by the Webflow community