Top 7 JavaScript Styleguide Projects

javascript

133 141,987 6.5 JavaScript

JavaScript Style Guide

Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05

You may be torn between those famous code styles, struggling to choose one between Airbnb JavaScript Style, Google JavaScript Style Guide, JavaScript Standard Style, or XO, among others.

style-dictionary

5 3,659 6.3 JavaScript

A build system for creating cross-platform styles.

Project mention: Syncing Figma Variables and StyleDictionary with GitHub Actions | dev.to | 2023-08-03

function getStyleDictionaryConfig(brand) { return { source: [`tokens/brands/${brand}/*.json`, 'tokens/globals/**/*.json'], platforms: { /** * Available platforms: https://amzn.github.io/style-dictionary/#/config?id=platform */ web: { transformGroup: 'web', buildPath: `build/web/${brand}/`, files: [ { destination: 'tokens.scss', format: 'scss/variables', }, ], }, }, } } /** * Build the tokens for each brand. * {@see - Example based on https://github.com/amzn/style-dictionary/tree/main/examples/advanced/multi-brand-multi-platform} */ ['microsoft', 'xbox'].map(function (brand) { ['web'].map(function (platform) { const StyleDictionary = StyleDictionaryPackage.extend( getStyleDictionaryConfig(brand), ) StyleDictionary.buildPlatform(platform) }) })

SurveyJS

surveyjs.io featured

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.
graphql-css

1 677 0.0 JavaScript

A blazing fast CSS-in-GQL™ library.
uiengine

1 362 4.9 JavaScript

Workbench for UI-driven development
to-title-case

2 361 0.0 JavaScript

A JavaScript method for intelligently converting strings to title case.

Project mention: "Smart title case" Action / Perl or JS help please | /r/LaunchBar | 2023-06-14

A good starting point would be a JavaScript case converter by David Gouch. The code looks very neat, but I couldn't get it to work because I am not a programmer and I don't know how to get the input correctly in the context of a LaunchBar Action.

patterns-library

1 121 7.6 JavaScript

AXA CH UI component library. Please share, comment, create issues and work with us!
awesome-ux-design-styles

1 74 10.0 JavaScript

Curated list of UX styleguides and design systems
InfluxDB

www.influxdata.com featured

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.

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

JavaScript Styleguide related posts

Design System to CSS Code

2 projects | /r/web_design | 17 Jun 2023
"Smart title case" Action / Perl or JS help please

1 project | /r/LaunchBar | 14 Jun 2023
Worker thread vs cluster with Websockets

1 project | /r/node | 12 Mar 2023
can anyone tell me what library or package is this? I been seeing this a lot it most website that offers free tailwind components and mostly the same ui. Anyone knows this package or library scene this would be a lot of help for me when it comes to documentation of my frontend resource

2 projects | /r/tailwindcss | 5 Mar 2023
Effective Frontend Test Strategy and some notes about Cypress

2 projects | dev.to | 28 Feb 2023
How should I organise my projects?

1 project | /r/node | 26 Dec 2022
🧑‍💻 The Node.js best practices list (November 2022)

1 project | /r/coolgithubprojects | 1 Dec 2022
A note from our sponsor - InfluxDB
www.influxdata.com | 10 May 2024

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. Learn more →