Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue.
1. Shiki
A beautiful Syntax Highlighter.
Shiki εΌ
A beautiful syntax highlighter based on TextMate grammar, accurate and powerful.
Note
You are viewing the v1 branch, which is a major rewrite from v0.x. Check out the Migration Guide if you are upgrading.
Read more about The Evolution of Shiki v1.0.
For legacy code, check the v0.x branch.
License
2. Awesome Guidelines
A curated list of high quality coding style conventions and standards.
Kristories / awesome-guidelines
A curated list of high quality coding style conventions and standards.
A set of guidelines for a specific programming language that provides recommendations on programming style, best practices, and methods for various aspects of writing programs in that language.
Contents
- Programming Languages
- Development Environment
- Platforms
- Frameworks
- Content Management System
- Tools
- Contributors
Programming Languages
Brainfuck
C
- C Coding Standard
- C Programming/Structure and style
- Making The Best Use of C - This chapter provides advice on how best to use the C language when writing GNU software.
C#
C++
- Google C++ Style Guide
- C++ Core Guidelines - A set of tried-and-true guidelines, rules, and best practices about coding in C++.
- LLVM C++ Coding Standards
- Mozilla C++ Coding style
- Chromium C++ style guide
- Webkit C++ Code Style Guidelines
- NASA C++ Coding Standards and Style Guide
- OceanBase C++ Coding Standards
Clojure
- The Clojure Style Guide - A communityβ¦
3. absurd-sql
Implements a backend for sql.js (sqlite3 compiled for the web) that treats IndexedDB like a disk and stores data in blocks there. That means your sqlite3 database is persisted. And not in the terrible way of reading and writing the whole image at once -- it reads and writes your db in small chunks.
jlongster / absurd-sql
sqlite3 in ur indexeddb (hopefully a better backend soon)
This is an absurd project.
It implements a backend for sql.js (sqlite3 compiled for the web) that treats IndexedDB like a disk and stores data in blocks there. That means your sqlite3 database is persisted. And not in the terrible way of reading and writing the whole image at once -- it reads and writes your db in small chunks.
It basically stores a whole database into another database. Which is absurd.
See the demo. You can also view an entire app using this here.
You should also read this blog post which explains the project in great detail.
If you like my work, feel free to buy me a coffee!
How do I use it?
You can check out the example project to get started. Or follow the steps below:
First you install the packages:
yarn add @jlongster/sql.js absurd-sql
Right now you need to use my forkβ¦
4. HyperFormula
A complete, open-source Excel-like calculation engine written in TypeScript. Includes 380+ built-in functions.
handsontable / hyperformula
HyperFormula is an open-source headless spreadsheet for business web apps. It comes with over 400 formulas, CRUD operations, undo-redo, clipboard support, and sorting.
An open-source headless spreadsheet for business web apps
HyperFormula is a headless spreadsheet built in TypeScript, serving as both a parser and evaluator of spreadsheet formulas. It can be integrated into your browser or utilized as a service with Node.js as your back-end technology.
What HyperFormula can be used for?
HyperFormula doesn't assume any existing user interface, making it a general-purpose library that can be used in various business applications. Here are some examples:
- Custom spreadsheet-like app
- Business logic builder
- Forms and form builder
- Educational app
- Online calculator
Features
- Function syntax compatible with Microsoft Excel and Google Sheets
- High-speed parsing and evaluation of spreadsheet formulas
- A library of ~400 built-in functions
- Support for custom functions
- Support for Node.js
- Support for undo/redo
- Support for CRUD operations
- Support for clipboard
- Support for named expressions
- Support for data sorting
- Support for formula localization with 17 built-in languages
- GPLv3 license
- Maintained by the teamβ¦
5. React Desktop
React UI Components for macOS High Sierra and Windows 10
gabrielbull / react-desktop
React UI Components for macOS High Sierra and Windows 10
React UI Components for macOS High Sierra and Windows 10.
npm install react-desktop --save
Help wanted!
I am looking for developers to help me develop this project. Please submit some ideas in the issues section or some PRs to get this project going. If you are interested, you can become a collaborator on the project. Thanks.
Contributing
This library has been created to bring a native desktop experience to the web. It works extremely well with tools such as node-webkit or Electron.js!
Everyone is welcome to contribute and add more components/documentation whilst following the contributing guidelines.
Documentation
Guides on installation, components and advanced usage are found in the documentation.
Contributors
6. Release Changelog Builder Action
A GitHub action that builds your release notes / changelog fast, easy and exactly the way you want.
mikepenz / release-changelog-builder-action
A GitHub action that builds your release notes / changelog fast, easy and exactly the way you want.
release-changelog-builder-action
... a GitHub action that builds your release notes / changelog fast simple and exactly the way you want
What's included π β’ Setup π οΈ β’ Sample π₯οΈ β’ Customization ποΈ β’ Contribute 𧬠⒠Local Testing π§ͺ β’ License π
What's included π
- Super simple integration
- ...even on huge repositories with hundreds of tags
- Parallel releases support
- Rich changelogs based on PRs
- Alternative commit based mode
- Blazingly fast execution
- Supports any git project
- Highly flexible configuration
- Lightweight
- Supports any branch
- Rich build log output
Setup
Configure the workflow
Specify the action as part of your GitHub actions workflow:
- name: "Build Changelog"
id: build_changelog
uses: mikepenz/release-changelog-builder-action@{latest-release}
Full Sample π₯οΈ
Below is a complete example showcasing how to define a build, which is executed when tagging the project. It consists of:
- Prepare tag, via the GITHUB_REF environment variable
- Build changelog, given the tag
- β¦
7. Peeky
A testing framework for curious minds
Peeky is no longer maintained, please use vitest instead. Thanks!
Peeky
A fast and fun test runner for Vite & Node ποΈ
π Documentation | π Contribute | ποΈ Become a Sponsor
- ποΈ Fast: Peeky is built from the ground up for optimal performance. Run test faster!
- π§οΈ No-config: Sane defaults, with extensive configuration if needed.
- π»οΈ Fun: The included UI makes running tests fun again! Hack it with the API!
- π₯οΈ Node support: Test your Node.js libraries and apps, with native ESM support!
- β‘οΈ Vite powered: Seamlessly integrate with your Vite app. TypeScript support included.
- ποΈ Web apps: Test your web apps and components made with React, Vue, Angular, etc.
Sponsors
8. Web Components Examples
A series of web components examples, related to the MDN web components documentation
mdn / web-components-examples
A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.
web-components-examples
A series of Web Components examples, related to the MDN Web Components documentation at https://developer.mozilla.org/en-US/docs/Web/API/Web_components.
Please refer to our contribution guidelines before contributing.
The following examples are available:
-
composed-composed-path. A very simple example that shows the behavior of the
Event
objectcomposed
andcomposedPath
properties. See composed-composed-path live. -
defined-pseudo-class. A very simple example that shows how the
:defined pseudo-class
works. See defined-pseudo-class live. -
editable-list βΒ
<editable-list>
. A simple example showing how elements can be consolidated to create a list with addable/removable items. Items are added by using alist-item
attribute or by entering text and clicking the plus sign. See editable-list live. -
edit-word β
<edit-word>
. Wrapping one or more words in this element means that you can then click/focus the element to reveal a text input that can then be used to edit the word(s). See edit-word live. - element-details ββ¦
9. Hackathon Starter
A boilerplate for Node.js web applications
sahat / hackathon-starter
A boilerplate for Node.js web applications
Live Demo: Link
Jump to What's new?
A boilerplate for Node.js web applications.
If you have attended any hackathons in the past, then you know how much time it takes to get a project started: decide on what to build, pick a programming language, pick a web framework, pick a CSS framework. A while later, you might have an initial project up on GitHub, and only then can other team members start contributing. Or how about doing something as simple as Sign in with Facebook authentication? You can spend hours on it if you are not familiar with how OAuth 2.0 works.
When I started this project, my primary focus was on simplicity and ease of use I also tried to make it as generic and reusable as possible to cover most use cases of hackathon web apps, without being too specific. In the worst case,β¦
10. Math.js
An extensive math library for JavaScript and Node.js
Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser with support for symbolic computation, comes with a large set of built-in functions and constants, and offers an integrated solution to work with different data types like numbers, big numbers, complex numbers, fractions, units, and matrices. Powerful and easy to use.
Features
- Supports numbers, bignumbers, bigints, complex numbers, fractions, units, strings, arrays, and matrices.
- Is compatible with JavaScript's built-in Math library.
- Contains a flexible expression parser.
- Does symbolic computation.
- Comes with a large set of built-in functions and constants.
- Can be used as a command line application as well.
- Runs on any JavaScript engine.
- Is easily extensible.
- Open source.
Usage
Math.js can be used in both node.js and in the browser.
Install math.js using npm:
npm install mathjs
Or download mathjs via one of the CDN's listed on the downloads page:
Β Β Β Β https://mathjs.org/download.html
β¦
Stargazing π
Top risers over last 7 daysπ
- Public APIs +2,635 stars
- Tauri +1,518 stars
- Build your own X +1,203 stars
- Bulletproof React +984 stars
- JavaScript Algorithms +892 stars
Top growth(%) over last 7 daysπ
- giscus +54%
- Bulletproof React +31%
- Growth Book +22%
- xicons +18%
- Milkdown +17%
Top risers over last 30 daysπ
- Public APIs +9,058 stars
- Coding Interview University +5,249 stars
- Machine Learning for Beginners +3,733 stars
- Bulletproof React +3,305 stars
- NocoDB +2,904 stars
Top growth(%) over last 30 daysπ
- Bulletproof React +408%
- html-to-image +95%
- useCookieConsent +89%
- DaisyUI +75%
- Mitosis +66%
For all for the latest rankings please checkout Stargazing.dev
Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue.
If you enjoyed this article you can follow me on Twitter where I regularly post about HTML, CSS and JavaScript.
Top comments (4)
The trending projects on github newsletter was really something i wanted to sign up for (get the sign up form up on top of the page) it was a bit har to findπ€
Thank you, I assume you were looking on a mobile device? I have now moved the sign up to the top on smaller screens. Thanks again this was not something I had noticed.
Sorry I forgot to mention, yes was indeed on a mobile and of course did sign up :) Your site is really interesting so cant wait to get your newsletter :)
Thanks for that interesting collection