With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Scss Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
VvvebJs
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
coreui
Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript without any additional libraries like jQuery
-
shopify-theme-lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
-
FirefoxCSS-Store
A collection site of Firefox userchrome themes, mostly from FirefoxCSS Reddit community.
-
Yo
Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework. (by doyoe)
-
Orange-Boosted-Bootstrap
Orange Boosted is an accessible, ergonomic and Orange branded framework based on Bootstrap
-
html-bundler-webpack-plugin
This plugin allows to use an HTML template as a starting point for all dependencies used in your web application. All source styles, scripts specified in HTML are processed, and the extracted JS, CSS are saved to the output directory. The plugin automatically substitutes output filenames into the generated HTML file.
-
react-enterprise-starter-kit
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:
-
react-typescript-webpack-starter
A starter project for using React, TypeScript, SCSS using Webpack 5.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
As an example, let’s take the Bootstrap framework and try to go with ITCSS structure in it.
Project mention: How to prevent Prettier putting a full stop on a new line after a link | dev.to | 2024-05-13Do you use Prettier? Have your configuration settings caused weird HTML rendering issues by adding extra whitespace where you didn't want it? Perhaps after an anchor link at the end of a paragraph? Me, too. Here's what's happening and how you might be able to fix it.
Project mention: Streamline Your Workflow: A Guide to Normalising Git Commit and Push Processes | dev.to | 2024-05-05There are more linting tools that I won't go into deeply, but you can integrate them with lint-staged. For example, you can lint your CSS content with Stylelint, or even lint your README files with markdownlint, etc.
Carbon Components is a Svelte component library that is built on top of the Carbon Design System, an open source design system by IBM. The components look very minimalistic (especially styling based on gray color saturation) but probably would fit in some business-looking app. In defense it must be said that the library offers a big number of Svelte components with advanced functionality.
search for it on https://firefoxcss-store.github.io/ if you need assistance go to r/FirefoxCSS
https://sightreading.training/ uses your midi keyboard. excellent for sight reading practice
Project mention: Orange Boosted: Powerful, extensible, and feature-packed front end toolkit | news.ycombinator.com | 2023-12-18
Project mention: Show HN: HTML Bundler Plugin for Webpack Supports Now the Pug | news.ycombinator.com | 2024-02-19The new version 3.5.0 of the html-bundler-webpack-plugin support for the `Pug` template engine.
https://github.com/webdiscus/html-bundler-webpack-plugin
JavaScript Scss related posts
-
How to create a good README.md file
-
How to Improve Development Experience of your React Project
-
How to pick more beautiful colors for your data visualizations
-
Using a handlebars template in JS on client-side
-
Edge's sidebars for Firefox?
-
Auto generate favicons and inject into HTML with Webpack
-
Don't sound like a robot: use CSS to Control Text-to-Speech
-
A note from our sponsor - SurveyJS
surveyjs.io | 20 May 2024
Index
What are some of the best open-source Scss projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 167,643 |
2 | prettier | 48,433 |
3 | ReLaXed | 11,808 |
4 | stylelint | 10,844 |
5 | carbon | 7,493 |
6 | VvvebJs | 6,712 |
7 | coreui-free-react-admin-template | 4,363 |
8 | sass-loader | 3,895 |
9 | stylelint-scss | 857 |
10 | coreui | 723 |
11 | shopify-theme-lab | 716 |
12 | FirefoxCSS-Store | 682 |
13 | sightreading.training | 419 |
14 | web-portfolio | 336 |
15 | Yo | 328 |
16 | gulp-pug-starter | 299 |
17 | tobii | 190 |
18 | Orange-Boosted-Bootstrap | 186 |
19 | stylelint-config-twbs-bootstrap | 152 |
20 | html-bundler-webpack-plugin | 109 |
21 | poemkit | 87 |
22 | react-enterprise-starter-kit | 86 |
23 | react-typescript-webpack-starter | 81 |
Sponsored