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 Styleguide Open-Source Projects
-
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.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
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.
-
state-of-the-art-shitcode
💩State-of-the-art shitcode principles your project should follow to call it a proper shitcode
-
Flake8
flake8 is a python tool that glues together pycodestyle, pyflakes, mccabe, and third-party plugins to check the style and quality of some python code.
-
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.
Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Project mention: Ask HN: High quality Python scripts or small libraries to learn from | news.ycombinator.com | 2024-04-19I think I mention this all the time when this comes up, but I learned the most 'best practices' through using ruff.
I just installed and enabled all the rules by setting
📝 "Microsoft REST API Guidelines" [link]
Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28If you are looking for a dashboard system that is written in vanilla JS, I will be open sourcing my DevBoard in the next month or two. You can see it in action at https://devboard.gitsense.com/microsoft/vscode and learn more about the widget system at https://devboard.gitsense.com/microsoft/vscode?board=gitsens... Note the repo that is mentioned in the intro page hasn't been pushed to GitHub yet, but will be soon.
The server is a very simple node/express app and the front end is written in vanilla javascript. I also use GitHub's primer css (https://github.com/primer/css) and a heavily stripped down version of tabler's css (https://github.com/tabler/tabler)
Note, DevBoard is more geared towards hackers, so Tremor's is probably a much better fit if you are looking for an out of the box solution.
react-styleguidist
PEP8 (pycodestyle): Named after Python’s PEP 8 style guide, this tool checks your Python code against some of the style conventions in PEP 8.
Project mention: Why does the documentation say to use naming conventions like SKEL, SK, PHYS for Skeleton, Skeletal Mesh, Physics Asset, but all the start content use other abbreviations like SK, SKM and PA instead? | /r/unrealengine | 2023-12-11Doesn’t matter what you use, as long as it’s consistant. Epic changed their recommendations for skeletal meshes and skeletons between UE 4 and 5, hence the inconsistency. Michael Allar’s UE style guide is a common, long standing one. Personally I use whatever Epic’s current standard is, or what my team is using. It’s also fine to not prefix stuff, but it helps for consistency and searchability. It’s honestly more important to name things well, with cascading specificity: assetprefix_assettype_assetsubtype00 e.g. SM_Rock_Desert01, SM_Foliage_Bush_Dry_Small01 etc.
Fixed link to that style guide entry: https://guide.clojure.style/#opt-commas-in-map-literals
Per that style guide, the above map would be formatted like this (on HN, just indent by two spaces):
{:a 1
Project mention: OpenMoji: Open-source emojis for designers and developers | news.ycombinator.com | 2024-02-05
Project mention: Syncing Figma Variables and StyleDictionary with GitHub Actions | dev.to | 2023-08-03function 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) }) })
Flake8. This library is a wrapper around pycodestyle (PEP8), pyflakes, and Ned Batchelder’s McCabe script. It is a great toolkit for checking your code base against coding style (PEP8), programming errors (like SyntaxError, NameError, etc) and to check cyclomatic complexity.
Project mention: PSA: Storybook sends telemetry data, opt-in by default | news.ycombinator.com | 2023-09-21
Styleguide related posts
- Storybook not picking up tailwindcss
- Add Cypress, Playwright, and Storybook to Nx Expo Apps
- OpenMoji: Open-source emojis for designers and developers
- Mastering API Design: 26 Resources for Software Engineers
- Javascript is hard ayy eff
- ReactJS, NextJS and the modern frontend community (Rant)
- Storybook 7.6 is out!
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source Styleguide projects? This list will help you:
Project | Stars | |
---|---|---|
1 | javascript | 141,540 |
2 | nodebestpractices | 96,141 |
3 | storybook | 82,727 |
4 | styleguide | 36,506 |
5 | ruff | 26,234 |
6 | api-guidelines | 22,379 |
7 | Primer | 12,448 |
8 | react-styleguidist | 10,791 |
9 | Rails style guide | 6,446 |
10 | state-of-the-art-shitcode | 5,286 |
11 | pycodestyle | 4,972 |
12 | ue5-style-guide | 4,862 |
13 | elixir_style_guide | 4,290 |
14 | clojure-style-guide | 3,975 |
15 | openmoji | 3,731 |
16 | style-dictionary | 3,626 |
17 | Flake8 | 3,252 |
18 | ladle | 2,452 |
19 | vue-styleguidist | 2,437 |
20 | wemake-python-styleguide | 2,418 |
21 | swift | 2,256 |
22 | pytorch-styleguide | 1,826 |
23 | go-styleguide | 1,468 |