Top 23 JavaScript CSS Projects

• Bootstrap

  159 153,311 9.8 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

  Project mention: Bootstrap UI Components | dev.to | 2021-10-15

  Built-with Bootstrap 5 most popular front-end framework in developer community. So, you will have more flexibility and freedom while using these components or developing a site.

• Font-Awesome

  70 66,240 3.3 JavaScript

  The iconic SVG, font, and CSS toolkit

  

  Project mention: React Authentication with Twitter, Google, Facebook and Github | dev.to | 2021-10-11

  The state of the user is used to selectively render either their social profile if it exists or the appropriate login button so the user can login. Using font awesome and some CSS we create authentic buttons using the provider prop as a className.

• Syncfusion

  syncfusion.com

  sponsored

  Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  

• html5-boilerplate

  11 51,700 8.5 JavaScript

  A professional front-end template for building fast, robust, and adaptable web apps or sites.

  

  Project mention: 10 GitHub Repository every Web Developer should Know | dev.to | 2021-09-29

  Link to the Repo

• Tailwind CSS

  339 47,938 9.8 JavaScript

  A utility-first CSS framework for rapid UI development.

  

  Project mention: Melhor forma de deixar o site responsivo? | reddit.com/r/brdev | 2021-10-16

  Eu gosto muito do TailwindCSS.

• prettier

  100 40,743 9.9 JavaScript

  Prettier is an opinionated code formatter.

  

  Project mention: Refactoring and Git Rebase | dev.to | 2021-10-15

  To practice, I worked on refactoring my dodo-SSG project in a new branch that I called refactoring. I started by fixing the code format from previous contributions using prettier. I then changed the code to get rid of global variables. To do that, I had to split up some code into separate smaller functions. At each of these steps, I created a new commit to make sure I could easily go back to the previous version if anything broke (And things broke a lot while doing this!).

• anime.js

  25 40,570 0.0 JavaScript

  JavaScript animation engine

  Project mention: How to make a button transform to a heart shape on hovering | reddit.com/r/css | 2021-09-12

  You can use SVG Morphing to do that. There are many libraries that offer that feature, one of them is (https://animejs.com/) [anime js].

• parcel

  59 39,028 9.5 JavaScript

  The zero configuration build tool for the web. 📦🚀

  

  Project mention: Parcel.js v2 Bundler, is an excellent web development build tool. | dev.to | 2021-10-16

  I went on the Parcel website and read the get started guide for web apps which took 1 minute. Then in my project, I deleted my node_modules folder and every dev dependencies I had related to Webpack in my package.json file. Then I installed Parcel as stated in the guide, setup the scripts in package.json. Executed npm start a few times to see console error messages which were super easy to understand.

• Scout APM

  scoutapm.com

  sponsored

  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.

  

• Materialize

  18 38,601 0.0 JavaScript

  Materialize, a CSS Framework based on Material Design

  Project mention: Code-in-Public: discussion of business reasons to enter saturated market | reddit.com/r/u_A_Sherminator | 2021-10-13

  https://materializecss.com

• front-end-interview-handbook

  17 31,839 8.6 JavaScript

  ⚡️ Front End interview preparation materials for busy engineers

  Project mention: Is there a cracking the coding interview book but solely for front end stuff? | reddit.com/r/webdev | 2021-10-05

• Pure

  6 21,933 7.9 JavaScript

  A set of small, responsive CSS modules that you can use in every web project.

  

  Project mention: 3 Sites that make CSS easy! | dev.to | 2021-10-08

  purecss.io

• mdb-ui-kit

  7 21,646 6.8 JavaScript

  Bootstrap 5 & Material Design 2.0 UI KIT

  

  Project mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03

  It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here

• scrollreveal

  4 20,081 2.7 JavaScript

  Animate elements as they scroll into view.

  Project mention: Site que desenvolvi, o que acham? | reddit.com/r/brdev | 2021-07-17

• autoprefixer

  14 19,860 7.7 JavaScript

  Parse CSS and add vendor prefixes to rules by Can I Use

  

  Project mention: automated way to add compatibility to css | reddit.com/r/css | 2021-10-16

  Autoprefixer is probably what you're looking for?

• less.js

  10 16,668 5.0 JavaScript

  Less. The dynamic stylesheet language.

  

  Project mention: Bootstrap and Css | reddit.com/r/web_design | 2021-10-15

  Have you played around with SASS? Or LESS? Or Stylus?

• front-end-guide

  1 13,965 0.0 JavaScript

  📚 Study guide and introduction to the modern front end stack.

  

  Project mention: Front-end guide from Grab | reddit.com/r/u_hasanlock | 2021-03-02

• emotion

  15 13,755 7.6 JavaScript

  👩‍🎤 CSS-in-JS library designed for high performance style composition

  

  Project mention: A 55% Performance Improvement Upgrading Material-UI from v4 to v5 | dev.to | 2021-10-14

  This was the biggest chunk of work for us. We've gone through a styling change before with Material-UI when they moved from inline styles to JSS, but this time Material-UI 5 moves away from JSS as the default styling solution to emotion. We've been relying heavily on JSS for the majority of our components, so lots of them looked something like this...

• bootswatch

  6 13,189 8.5 JavaScript

  Themes for Bootstrap

  Project mention: What am I learning? | reddit.com/r/reactjs | 2021-10-08

  As a piece of concrete advise, you can use something like Bootstrap, which is already highly theme-able (almost all React component frameworks are highly theme-able, but Bootstrap can be themed with a simple link tag in your HTML), https://bootswatch.com/, so that you can have a consistent UI, while you focus on learning the ropes of React. Just becareful that some bootstrap elements might need jquery, which is why reactstrap or react-bootstrap exist.

• stylus

  13 10,780 5.8 JavaScript

  Expressive, robust, feature-rich CSS language built for nodejs

  

  Project mention: Experiment Rule | reddit.com/r/196 | 2021-10-15

  Okay. First, you should install Stylus or Reddit Enhancement Suite. Both of these are free, open-source extensions that can inject CSS stylesheets into webpages.

• tabler-icons

  2 10,712 7.4 JavaScript

  A set of over 1250 free MIT-licensed high-quality SVG icons for you to use in your web projects.

  

  Project mention: What's your current favorite icon library in late 2021? | reddit.com/r/Frontend | 2021-10-04

  Seconding this. The site you've linked is not made by Tabler Icons' author, though. This one is: https://tabler-icons.io/

• material-design-for-bootstrap

  1 9,463 2.8 JavaScript

  Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

  

  Project mention: React for Bootstrap 5 - useful kit, #1 on ProductHunt | reddit.com/r/reactjs | 2021-05-11

  Also you claim on your homepage it is used by 2,000,000 developers which is a blatant lie. On github the material-design-for-bootstrap repo is used by 9,000 other repos, the React version will be significantly less.

• critical

  4 9,302 6.5 JavaScript

  Extract & Inline Critical-path CSS in HTML pages

  Project mention: 3 tips that improve landing page speed | reddit.com/r/SaaS | 2021-05-28

  Defer or async css/js files — Don’t make leads wait for unnecessary files to download before showing something. In the case of CSS, there are a few tools for in-lining only what’s above-the-fold into your html.

• 30-seconds-of-interviews

  1 9,286 1.2 JavaScript

  A curated collection of common interview questions to help you prepare for your next interview.

  

  Project mention: Frontend Developer Interview @Zalando | reddit.com/r/cscareerquestionsEU | 2021-03-31

  I can't give you Zalando specific prep tips, but general prep tips from my experience with bigger companies that still have this startup-ish mentality. Make sure that you understand the details of JS (event loop, promises, etc.) and if they mentioned the tech-stack (vue, react, whatever) make sure you thoroughly understand them as well. And expect questions about your cultural fit, so have a genuine interest in the company (google it) and in a good work environment (knowledge sharing, pair programming, mentoring). For system design, be sure to think of CI/CD, testing and monitoring. And if you don't know something, be open about it and mention that you are willing to learn, don't make something up or try to cheat, it will be noticed. And remember its a two way street, ask questions. i like this resource for interview preparations a lot: 30-seconds-of-interview

• uncss

  3 9,140 0.0 JavaScript

  Remove unused styles from CSS

  

  Project mention: Lessons learned from building landing pages | dev.to | 2021-06-08

  In the process of trying to figure out how to remove the unused code, I found out about UnCSS, a tool that removes unused CSS from your stylesheets. It can be installed by running:

Index

Sponsored

Run Linux Software Faster and Safer than Linux with Unikernels

github.com/nanovms