InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code. Learn more →
Top 23 JavaScript CSS Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Open-source free CSS framework Bootstrap
-
Project mention: Possible to insert icons with embedded links to PDFs? | reddit.com/r/github | 2022-11-23
Here is Font Awesome’s repo that has 1,000s of svg files to choose from.
-
Scout APM
Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
-
Project mention: let's learn container queries and how to do them in tailwind. | dev.to | 2022-11-28
To recreate this I'm using React with tailwind but the technology could be used with any framework of your choice.
-
5. Web Dev for Beginners
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
-
my version control tool is git and github is the platform that my source code lives on. there are some other tools like eslint (for linting and setting some rules), prettier (for having the same code style between different editors and IDEs), husky (for managing git hooks)
-
Project mention: Is there any guide for Threejs (and R3F) aniamtion? | reddit.com/r/threejs | 2022-11-16
After suffering to solve with animation problem, I found anime.js that can work nicely
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
-
Most front-end frameworks nowadays include these features as part of their CLI’s such as Create React App, Angular’s ng-cli, etc. For those that don’t, many will use a combination of some type of bundler like Parcel, Rollup, or Webpack and a browser refresher like livereload. This enables you to write code, save it, and immediately see the results. This in turn leads to fast feedback as you iterate all day in this build loop. The native Elm Reactor doesn’t offer this ability and elm-live fits the bill as a small Node.js library to enable this.
-
This repository consists of files required to deploy a Web App or PWA created with Materialize Css
-
Answers to Front End Job Interview Questions — JavaScript
-
Project mention: Is a website built completely on HTML, CSS and JS enough? | reddit.com/r/webdev | 2022-10-30
Some examples: - https://simplecss.org/ - https://purecss.io/ (I've used this one for over a decade and works great)
-
Project mention: What’s your favourite method of creating transition effects on scroll? | reddit.com/r/webdev | 2022-11-23
I found this neet transition effect from this website: https://scrollrevealjs.org/
-
As others have said, you need to normalize. Also, you may need something like autoprefixer if you're using styles that have different vendor prefixes. https://github.com/postcss/autoprefixer
-
LESS is short for Leaner Style Sheets. It's designed to be as near to regular CSS as expected, as the syntax is the same. Less runs in the browser inside Node JavaScript. With Less, compilation happens via less.js in your browser. It is okay with fast, modern browsers; however, we must be aware of old browsers. As well as, Less.js caches the CSS in the browser, so there is no need to regenerate for the user every single time.
-
Vanilla Extract (CSS Framework) (Alternative: Emotion)
-
-
-
tabler-icons
A set of over 3000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Project mention: 🧶 List of free icon libraries. Add your favorite if you don't see it. | reddit.com/r/webdev | 2022-11-20The official tabler icon website is https://tabler-icons.io/, the .com one seems to be by an open source leach.
-
bootstrap-table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Project mention: Show HN: Ufuzzy.js – A tiny, efficient fuzzy search that doesn't suck | news.ycombinator.com | 2022-09-30Nice. I didn't know it but I was about to be looking for something like this.
How difficult - or not - would it be to use it with https://bootstrap-table.com?
-
The Stylus is built on Node.js. It differs from Sass and Less, which are more opinionated to the syntax; the stylus allows you to omit semicolons, colons, and braces if you want at any time. Another cool feature is that the stylus has a property lookup feature. You can do that easily if you set property X relative to property Y's value. The stylus can be more concise because of its flexibility, but it depends on your preferred syntax.
-
30-seconds-of-interviews
A curated collection of common interview questions to help you prepare for your next interview.
-
stylelint
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
stylelint Homepage
-
Project mention: Frontend developers: stop moving things that I’m about to click on | reddit.com/r/programming | 2022-11-25
CLS is a pain in the arse. Extract your critical CSS and inline it https://github.com/addyosmani/critical although doing critical CSS badly makes things worse.
-
Zigi
Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2022-11-28.
JavaScript CSS related posts
- Create Your Own SpeedTest - Free and Open-Source SelfHosted HTML5 SpeedTest
- let's learn container queries and how to do them in tailwind.
- Angular Material Mobile App with Capacitor
- How to Build a Blog App Using Blazor WASM and Strapi
- Wurst site redirects to a virus installation
- Just completed the recipes project!
- Como instalar y configurar tailwind usando PostCSS [Es]
-
A note from our sponsor - InfluxDB
www.influxdata.com | 29 Nov 2022
Index
What are some of the best open-source CSS projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Bootstrap | 160,574 |
| 2 | Font-Awesome | 70,490 |
| 3 | Tailwind CSS | 62,543 |
| 4 | Web-Dev-For-Beginners | 59,501 |
| 5 | html5-boilerplate | 53,633 |
| 6 | prettier | 44,335 |
| 7 | anime.js | 43,762 |
| 8 | parcel | 41,633 |
| 9 | Materialize | 38,738 |
| 10 | front-end-interview-handbook | 35,916 |
| 11 | Pure | 22,629 |
| 12 | scrollreveal | 21,148 |
| 13 | autoprefixer | 20,694 |
| 14 | less.js | 16,860 |
| 15 | emotion | 15,741 |
| 16 | front-end-guide | 14,683 |
| 17 | bootswatch | 13,889 |
| 18 | tabler-icons | 13,154 |
| 19 | bootstrap-table | 11,414 |
| 20 | stylus | 10,993 |
| 21 | 30-seconds-of-interviews | 10,876 |
| 22 | stylelint | 10,016 |
| 23 | critical | 9,633 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com