Top 23 CSS Open-Source Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Resets try to get rid of known browser-specific styles and replace them with neutrals. Then, on top of that, you use your own style. (Something like Bootstrap comes with its own built-in reset.)
-
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Project mention: How can I make div move back and forth using CSS? | reddit.com/r/webdev | 2021-11-27
See if https://animate.style has what you want
-
Font Awesome
-
Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered. The Front-End Checklist is an exhaustive list of all elements you need to have/to test before launching your website/HTML page to production. The table of contents includes:
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
Project mention: (rant) Is there ANY framework or toolkit that isnt outrageously difficult to configure before you even write a single line of code? | reddit.com/r/webdev | 2021-11-26I find angular cli pretty straight forward, for smaller projects I like html5 boilerplate
-
So for example if you are running a TailwindCSS or other utility CSS based framework, like WindiCSS, thats one of the easiest use cases.
-
-
-
Bulma
-
Prettier is a great tool for maintaining consistent formatting in a project. Prettier works quite well for a monorepo. One can simply define a .prettierrc file in the root of the monorepo and run Prettier using that configuration file. It will automatically apply to all packages in the monorepo.
-
-
For our release 0.3 project we were to make a pull request for a external project outside of our class's repos and one pull request for an internal repo. For my external PR I worked and still am working on a library project that my professor maintains outside of Seneca called Filer. Filer is a drop-in library that works like node's fs module but for browsers. The issue I was working on was making a migration of parcel 1 to parcel 2.
-
Materialize, Material UI, Material Design Lite
-
Project mention: Can I make my terminal look like this in macOS? | reddit.com/r/commandline | 2021-11-17
Check out https://hyper.is/
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Project mention: Next.js Dashboard layout with TypeScript and Styled components | dev.to | 2021-11-28For styling let's use styled-components library:
-
Project mention: Had a junior web dev interview and I kinda bombed it | reddit.com/r/webdev | 2021-11-25
-
Hover
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
Project mention: 5 GitHub repositories that can help you in writing better CSS code | dev.to | 2021-09-26 -
PostCSS
-
Tabler (https://github.com/tabler/tabler) seems to have gone Semantic. Do you guys any goods alternatives for this otherwise amazing FE library?
-
Website: https://iviewui.com/ GitHub: https://github.com/iview/iview GitHub Stars: 22.8k
-
Project mention: Just wondering...anyone else here use HTML, CSS, and Vanilla JS exclusively? | reddit.com/r/webdev | 2021-11-12
I use https://purecss.io/ all the time
-
It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here
-
NativeScript
NativeScript empowers you to access native platform APIs from JavaScript directly. Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.
CSS related posts
- 28 Nov 2021 - TOP Curriculum Updates
- Thinking of going from Support Engineer to dev/programmer
- CSS-Fingerprint: Pure CSS device fingerprinting.
- Pure CSS device fingerprinting - An experimental technique.
- Flyttet hjem igen efter universitet og tanken om at søge arbejde gør mig angst
- Start from nothing IT path
- Styling an html element in one component affect ALL html elements in other components in react
Index
What are some of the best open-source CSS projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Bootstrap | 154,118 |
| 2 | Electron | 99,044 |
| 3 | animate.css | 72,833 |
| 4 | Font-Awesome | 66,560 |
| 5 | Front-End-Checklist | 57,117 |
| 6 | html5-boilerplate | 51,915 |
| 7 | Tailwind CSS | 49,384 |
| 8 | normalize.css | 45,991 |
| 9 | Bulma | 44,646 |
| 10 | prettier | 41,257 |
| 11 | anime.js | 40,866 |
| 12 | parcel | 39,517 |
| 13 | Materialize | 38,613 |
| 14 | hyperterm | 37,327 |
| 15 | styled-components | 35,288 |
| 16 | front-end-interview-handbook | 32,107 |
| 17 | Hover | 25,634 |
| 18 | PostCSS | 25,476 |
| 19 | tabler | 24,478 |
| 20 | iview | 23,917 |
| 21 | Pure | 22,032 |
| 22 | mdb-ui-kit | 21,756 |
| 23 | NativeScript | 20,670 |
Are you hiring? Post a new remote job listing for free.
