Scss

Open-source projects categorized as Scss

Top 23 Scss Open-Source Projects

  • Bootstrap

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

  • Project mention: Integrate Bootstrap with React | dev.to | 2024-04-19

    This article serves as your comprehensive guide to mastering the art of combining Bootstrap and React seamlessly. Dive in to uncover the tips, tricks, and best practices to elevate your UI design game effortlessly.

  • prettier

    Prettier is an opinionated code formatter.

  • Project mention: To Review or Not to Review: The Debate on Mandatory Code Reviews | dev.to | 2024-04-24

    Automating code checks with static code analysis allows us to enforce code styling effectively. By integrating tools into our workflow, we can identify errors at an early stage, while coding instead of blocking us at the end. For instance, flake8 checks Python code for style and errors, eslint performs similar checks for JavaScript, and prettier automatically formats code to maintain consistency.

  • 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.

    SurveyJS logo
  • tabler

    Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

  • Project mention: Sqlx: I'm sorry I forked you | news.ycombinator.com | 2023-08-13

    This is a bug, PR welcome !

    https://github.com/tabler/tabler/issues/1648

  • NES.css

    NES-style CSS Framework | ファミコン風CSSフレームワーク

  • simplefolio

    ⚡️ A minimal portfolio template for Developers

  • pico

    Minimal CSS Framework for semantic HTML

  • Project mention: How to use Tailwind with any CSS framework | dev.to | 2024-04-17

    Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

  • ReLaXed

    Create PDF documents using web technologies

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • CoreUI-Free-Bootstrap-Admin-Template

    Free Bootstrap Admin & Dashboard Template

  • Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://coreui.io/

  • stylelint

    A mighty CSS linter that helps you avoid errors and enforce conventions.

  • Project mention: Why it is Important to Update Linters and How to Do it Right | dev.to | 2024-02-08

    Another common way to extend configs in linters is using the extends key in the configuration file. Let's take StyleLint as an example:

  • Bourbon

    A Lightweight Sass Tool Set

  • Project mention: Show HN: Atlassian Design for Bootstrap v5 | news.ycombinator.com | 2023-10-03

    It’s in the src/scss directory but they’re not using that much except overriding bootstrap which has its own.

    You might find bourbon more useful.

    https://github.com/twbs/bootstrap/tree/main/scss

    https://www.bourbon.io

  • node-sass

    :rainbow: Node.js bindings to libsass

  • Project mention: Use TailwindCSS prefixes for shared design system components | dev.to | 2024-01-22

    For many years, Culture Amp took the second option, and distributed shared components without compiled CSS. This meant that every app that consumed shared components needed to include the necessary CSS build tooling – at that time CSS Modules and node-sass – with a compatible version and configuration. This was relatively easy to set up, but over time proved difficult to maintain. When node-sass was deprecated in favour of (the much faster but slightly incompatible) Dart Sass, this demanded a difficult lock-step migration across all those codebases, which we have yet to achieve. And as new applications have switched to Tailwind for their own styles, they've had to continue to maintain those old build tools in parallel for the shared components' styles.

  • carbon

    A design system built by IBM (by carbon-design-system)

  • awesome-css-frameworks

    List of awesome CSS frameworks in 2024

  • Project mention: I hate CSS: how can I build UIs? | news.ycombinator.com | 2023-11-05

    Agreed, find a class-less framework to start, so that you focus on just the HTML, semantic structure first. Here's a couple of lists of such frameworks:

    https://github.com/troxler/awesome-css-frameworks#class-less

    https://github.com/dohliam/dropin-minimal-css

    Personally, I like simple.css (https://github.com/kevquirk/simple.css)

  • VvvebJs

    Drag and drop website builder javascript library.

  • Charts.css

    Open source CSS framework for data visualization.

  • open-color

    Color scheme for UI design.

  • Project mention: How to pick more beautiful colors for your data visualizations | news.ycombinator.com | 2023-11-30

    I would also like to mention Open-colors https://yeun.github.io/open-color

  • mqtt.org

    The mqtt.org website

  • Project mention: Simplest Guide to DIY Your Own LLM Toy in 2024 | dev.to | 2024-04-02

    MQTT (optional): If you're aiming for advanced customization, familiarity with MQTT (a lightweight messaging protocol) will be beneficial for communicating between the toy and the server.

  • Gutenberg

    Modern framework to print the web correctly.                                                (by BafS)

  • coreui-free-react-admin-template

    CoreUI React is a free React admin template based on Bootstrap 5

  • sass-loader

    Compiles Sass to CSS

  • rfs

    ✩ Automates responsive resizing ✩

  • Project mention: A formula for responsive font-size | news.ycombinator.com | 2024-03-12
  • CoreUI-Vue

    Open source admin template based on Bootstrap 5 and Vue 3

  • Dopefolio

    Dopefolio 🔥 - Portfolio Template for Developers 🚀

  • 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.

    InfluxDB logo
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).

Scss related posts

Index

What are some of the best open-source Scss projects? This list will help you:

Project Stars
1 Bootstrap 167,414
2 prettier 48,241
3 tabler 36,909
4 NES.css 20,284
5 simplefolio 13,125
6 pico 12,325
7 ReLaXed 11,808
8 CoreUI-Free-Bootstrap-Admin-Template 11,806
9 stylelint 10,821
10 Bourbon 9,098
11 node-sass 8,485
12 carbon 7,465
13 awesome-css-frameworks 7,247
14 VvvebJs 6,603
15 Charts.css 6,100
16 open-color 5,195
17 mqtt.org 5,058
18 Gutenberg 4,770
19 coreui-free-react-admin-template 4,331
20 sass-loader 3,896
21 rfs 3,284
22 CoreUI-Vue 3,227
23 Dopefolio 3,219

Sponsored
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.
www.influxdata.com