Category: CSS

Project Cards Template is a portfolio template with expandable projects and a full-page navigation inspired by Primer app.It’s been created by Codyhouse and inspired by the Primer app, which makes a great use of cards …

Neutron is a Sass framework that empowers you to create flexible, clear, and semantic website layouts.Neutron is built from the beginning to be clear, concise, and–primarily–a flexible system for creating website layouts. Neutron does more …

Corpus is a CSS toolkit by Jamie Wilson. It uses Flexbox for the grid system, viewport-based heights and percentage-based widths, is heavily influenced by Basscss’s White Space module, and has a few useful greyscale color …

Motion UI is a Sass library for creating CSS transitions and animations from your friends at ZURB. It’s been originally integrated into Foundation for Apps, the code is now a standalone library, soon to be …

Responsive Sidebar Navigation is an easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.Building responsive navigations for mega sites is never an easy task. If you’re working on an admin panel, chances are you’ll …

The tooltip is a common graphical user interface element used in conjunction with a cursor, usually a pointer. The user hovers the pointer over an item, without clicking it, and a tooltip may appear—a small …

We love to see new pens on playground Codepen for inspiration, education, and sharing and today we are showcasing pure CSS examples that we like. Here are some pure CSS pens from Codepen. Enjoy.. Parallel …

Chewing-grid is A CSS Grid ideal for card listing design like tiles, videos or articles listing. No media queries, yet chewing-grid will adjust the number of columns depending on the available width and your settings …

CSSnano is a modular minifier that aims to utilise small modules from the PostCSS ecosystem, rather than being an all-encompassing module that may be difficult to contribute to. Because it is written on top of …

Stretch is a super simple responsive CSS grid system. For now, it is a 12 column grid that can have any gutter size you want. Columns can be pushed and pulled to make manoeuvring content …

This is a handy snippet to let users customize a product directly from the products gallery, and add it to the cart.It’s beeb developed by Codyhouse. By showing customers a “quick add to cart” panel …

This is a handy snippet to create responsive CSS breadcrumbs or multi-step indicators with ease.It’s been created by Codyhouse. Since both breadcrumbs and multi-step indicators share a similar structure (a simple list of items),this is …