JavaScript css-framework

Open-source JavaScript projects categorized as css-framework

Top 12 JavaScript css-framework Projects

  • Bootstrap

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

    Project mention: Desperately want to make my own game, tripped up on certain integral parts [JS/HTML/CSS] | reddit.com/r/incremental_gamedev | 2023-02-04

    The UI still looks bad however. Now I am no designer, so the best I could hope for was to make something passable. At the time, Bootstrap was a popular opinionated css library. You can attach the html class table to your divs and it looks like what Bootstrap thinks a table should look like. It also has a nice column system where you can easily make divs 1/12th of the screen on desktop, or 3/12th on mobile. I haven't used it in years but it was pretty good at the time.

  • Semantic UI

    Semantic is a UI component framework based around useful principles from natural language.

    Project mention: Top 9 Best UI Component Libraries/Frameworks in 2022 for Frontend Developers🔥 | dev.to | 2022-09-18

    Semantic UI is a free, open source library that helps you build UIs with confidence. It provides over 3000+ Theming Variables and 50 + UI components and each one of them has been carefully designed to look beautiful and work intuitively. It is designed to be an intuitive, accessible, and flexible starting point for your project. It's packed with features that you can use right out of the box, and it's very easily customizable. To date, it has been downloaded over 6 million times and it has around 50,000 GitHub stars.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: All About Hacktober Fest 2022 You Need To Know | dev.to | 2022-10-22

    This repository consists of files required to deploy a Web App or PWA created with Materialize Css

  • bootswatch

    Themes for Bootstrap

    Project mention: *very new to using R on posit cloud* | is there a list of themes that can be put in the “theme:” function anywhere? i haven’t been able to find any online. just curious! i like to make my docs look pretty :) | reddit.com/r/RStudio | 2023-02-01

    That ^ . And I’ve found the Bootswatch page a very helpful visual aid. https://bootswatch.com/

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

    Nice. 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?

  • stitches

    CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

    Project mention: What are ways we can integrate our designers into our React projects? | reddit.com/r/reactjs | 2023-02-03

    Define strict system of colors, spaces, etc then attempt to synchronize usage of it in both design and code (tools like https://vanilla-extract.style/ or https://stitches.dev/ can help with enforcing system on software side)

  • MUI

    Lightweight CSS framework

    Project mention: What UI frameworks other than MUI would you recommend for professional / enterprise React projects using Material Design? | reddit.com/r/Frontend | 2022-07-04

    I mean, Material is just a design system that people reference to create UI libraries. If you're working with headless components, you'd keep those same design system references when writing styles for said components. Plenty of examples of people utilizing something like Tailwind and following Material guidelines, ex Material Tailwind, Smelte, or MUICSS. Would highly recommend going the manual route (custom css/less/scss or tailwind, etc) + headless UI as it's really effective at reducing bloat in your application, and if you do it right it's extraordinarily extensible and customizable compared to just full sending an existing lib.

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • Fomantic-UI

    Fomantic-UI is the official community fork of Semantic-UI

    Project mention: What CSS framework do you suggest to work alongside sveltekit? | reddit.com/r/sveltejs | 2023-01-17
  • Puppertino

    A CSS framework based on Human Guidelines from apple

    Project mention: Puppertino: A CSS framework based on Human Guidelines from Apple | reddit.com/r/patient_hackernews | 2022-08-14
  • siimple

    The minimal and themeable CSS toolkit for flat and clean designs

  • skin

    Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.

  • foxtailcss

    Add all Tailwind utilities to any CSS framework with a single ~8Kb file

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 2023-02-04.

JavaScript css-framework related posts

Index

What are some of the best open-source css-framework projects in JavaScript? This list will help you:

Project Stars
1 Bootstrap 161,653
2 Semantic UI 50,401
3 Materialize 38,783
4 bootswatch 14,001
5 bootstrap-table 11,451
6 stitches 6,992
7 MUI 4,509
8 Fomantic-UI 3,143
9 Puppertino 976
10 siimple 609
11 skin 160
12 foxtailcss 12
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