CSS Layout alternatives and similar libraries
Based on the "PostCSS" category.
Alternatively, view CSS Layout alternatives based on common mentions on social networks and blogs.
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 -
-
-
-
-
-
-
Aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation -
vue-virtual-scroll-list
⚡️A vue component support big amount data list with high render performance and efficient. -
-
-
-
-
-
jTools - Javascript web components
jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms. -
React Inline
DISCONTINUED. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the `className` prop of React elements. -
-
-
-
-
-
File Management with Preview
DISCONTINUED. A file management system built with Vue.js and TypeScript that allows for single and multiple file uploading with a preview feature -
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component
A Vue 3 Dynamic and Versatile High Performance Infinite Scroller Component
SaaSHub - Software Alternatives and Reviews
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of CSS Layout or a related project?
README
CSS Layout
A collection of popular layouts and patterns made with CSS:
- 🎉 Zero dependencies
- 🎉 No frameworks
- 🎉 No CSS hacks
- 🎉 Real use cases
- Good practices (coming soon)
- Accessibility Support (coming soon)
Why
Being a front-end engineer, I have to deal with a lot of layouts and components. There are a lot of CSS frameworks out there that provide popular layouts/components but I usually don't want to include all of them in my project.
So I collect most popular layouts and components that can be built with pure CSS. They are powered by modern CSS features such as flexbox and grid.
They are great starting points to be picked and customized easily for each specific need. By composing them, you can have any possible layout that exists in the real life.
Running it on local
- Clone the project:
$ git clone https://github.com/phuocng/csslayout
- Install the dependencies:
$ cd csslayout
$ npm install
- Run it on the local:
$ npm run start
Visit http://localhost:8081 to see it in action.
Contributing
PRs are welcomed. If you think there are any missing useful layouts or patterns, please create an issue or submit a PR.
It's important to note that you should run the following command to lint the code:
$ npm run lint
If there is any issue, it will be logged in the tslint.log file.
About
This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.
Be my friend on