100 Repositories
JavaScript jsx-syntax Libraries
Syntax highlight using VSCode's json/plist as is.
WIP dps-vsctm.vim Syntax highlight using VSCode's json/plist as is. Requirements denops.vim Usage First, the grammar definition file must be placed in
This repo has demos, content and documentation of javascript concepts and syntax, in their simplest form. Contribute by sharing your understanding of javascript! Hacktoberfest Accepted!
javascript-documentation open-source hacktoberfest2022 Submit your PR to this javascript-documentation repo 🧭 🌟 ❗ This repo has some of my javascrip
In this project, I restructured my Awesome books app code to make it more organized by using modules and ES6 syntax.
Awesome books ES6 In this project, I restructured my Awesome books app code to make it more organized by using modules and ES6 syntax. Built With HTML
In this project, I built a to-do list app, which is inspired by the minimalist website. Build withHTML/CSS & JavaScript best practices: Correct use of tags, elements, properties and syntax.
Webpack Exercise In this project, I built a to-do list app, which is inspired by the minimalist website. Built With HTML/CSS & JavaScript best practic
In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules. You will also practice the ES6 syntax that you have learned.
Awesome books: with ES6 In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules. You
A JSX transformer with extra hints around interpolations and outer templates.
@ungap/babel-plugin-transform-hinted-jsx This plugin is a follow up of this post and it can be used together with @babel/plugin-transform-react-jsx. A
🖼️ Tiny JSX helper function for high-DPI (Retina Display) images.
img-srcx Tiny JSX helper function for high-DPI (Retina Display) images. 394 bytes minified and gzipped for ESM (830 bytes for ES5). Installation npm i
A Simple Text/Document Viewer written in JS
Doku Doku.js is a terminal ui text/document viewer that supports a custom documentation syntax called doky. Features Border colors. (all common termin
Successor of the flowchart-fun syntax. Store tabular data and graph information in the same document.
graph-selector-syntax A syntax for storing graphs and tabular data in plain text View Examples Installation npm install graph-selector Usage import {
A demo of using the new require.context syntax in Expo with Metro bundler
Metro Context Modules Demo This is a demo of using the experimental 'Context Module' (require.context) feature in Metro bundler. Setup metro.config.js
In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.
Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa
The Digital Library is a webapp that allows the user to: Display a list of books
The Digital Library is a webapp that allows the user to: Display a list of books. Add a new book. Remove a selected book.It has been developed using React Redux and tested using Jest.
this project's main aim is to restructure Awesome books app code to make it more organized by using modules and also practicing the ES6 syntax.
Awesome Books ES6 this project's main aim is to restructure Awesome books app code to make it more organized by using modules. also practicing the ES6
In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules and also practice the ES6 syntax.
Awesome-books-with-ES6 In this project, I restructured Awesome books app code. The goal is to make it more organized by using modules and also practic
A beautiful Syntax Highlighter.
Shiki Shiki is a beautiful Syntax Highlighter. Demo. Usage npm i shiki const shiki = require('shiki') shiki .getHighlighter({ theme: 'nord' }
Switch case syntax for Svelte ✨
Svelte switch case Switch case syntax for your Svelte components. Demo · StackBlitz · NPM Package ⚡ Getting started Step 1: Add the preprocessor to yo
In this project, I restructure my previous Awesome books app code. The goal is to practice ES6 syntax and also make the code more organized by using ES6 modules.
Awesome Books In this project, I will restructure my previous Awesome books app code. The goal is to make it more organized by using modules. I will a
This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module
Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H
The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.
Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa
Restructure my Awesome books app code. The goal is to make it more organized by using modules and also practice the ES6 syntax.
Awesome Book In this project, I rebuild a basic website that allows users to add/remove books from a list using ES6 Built With HTML CSS Javascript Get
This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. The main objective is to understand how to use proper ES6 syntax.
TO DO LIST To Do List This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. This project is part of the
This is the awesome books project, refactored to use ES6 syntax and modules
Awesome Books ES6 This is the Awesome Books ES6 project for the second week of the second module in the microverse program. Built With HTML/CSS Javasc
Space-x is a web application the is working with the real live data from the SpaceX API
Project Name : Space-x Traveler Hub Space-x is a web application for a company that provides commercial and scientific space travel services. The appl
Minimalist Virtual DOM library with JSX and factory pattern for stateful components.
Reflex Reflex JS is a tiny virtual-dom library with factory based functional components. See this example running See more complex demos Table of cont
Math Magicians is a website for all fans of mathematics.
"Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.
BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.
Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or
Syntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, local file or post text.
Crayon Syntax Highlighter Supports multiple languages, themes, fonts, highlighting from a URL, local file or post text. Written in PHP and jQuery. Cra
Start building admin tools on Slack without going into complex slack syntax and flows.
Slackmin Slackmin helps in easy integration with slack to use slash commands, interactive components, format and send messages, design and use modals.
The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
Awesome-Books-ES6 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
Use jsx to make scriptable's layout.
scriptable-jsx This project helps you to write Scriptable widgets with JSX syntax. And add some useful tools by the way. you can check demos in demo f
Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes.
render-gfm Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes. GitHub Repository npm Package Do
A server side rendering framework for Deno CLI and Deploy. 🦟 🦕
nat A server side rendering framework for Deno CLI and Deploy. Incorporating acorn, nano-jsx, and twind, it provides the tooling to provide a server c
Unofficial Library for using Discord.JS with JSX Syntax.
@chooks22/discord.jsx WARNING! This project is in very early stage of development. And while I do have plans to finish it to completion, consider this
A tiny, plugin extendable JavaScript utility library with a JQuery-like syntax.
Tiny Friggin' Utility Zapper What is it? A tiny ~7kb extendable JavaScript utility library with a JQuery like syntax for getting work done fast! If yo
Add the `className` to all JSX elements in your project
Babel Plugin Transform JSX Classes This babel plugin adds the className in each JSX element. Before After function FancyComponent () { return (
this project is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with JavaScript ES6 syntax, HTML, and CSS
Awesome-Book1 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules. The
A remake of the previous project (awsm-books) using proper ES6 syntax.
Awesome-Books-ES6 A remake of the previous project (awsm-books) using proper ES6 syntax. Built With: HTML CSS SCSS JavaScript Live Demo: Live Demo Get
Converts JSX to HTML strings at compile time.
unplugin-jsx-string Converts JSX to HTML strings at compile time. Installation npm i unplugin-jsx-string Vite // vite.config.ts import JsxString from
Write python code in Solid.js using Pyscript.
PyScript Solid Use PyScript together with Solid.js. Getting Started Installation Install pyscript-solid using npm: npm install pyscript-solid # or yar
Create a html response with JSX.
Htm Create a text/html response with JSX, powered by Preact and UnoCSS. Usage To use Htm, create a server.tsx file like this: /** @jsx h */ import {
A simple Node.js package that helps you not to look up JavaScript promise syntax every time you use it.
A simple Node.js package that helps you not to look up JavaScript promise syntax every time you use it. Simple: Provides abstraction of the promise sy
Syntax highlighting, like GitHub
Close up of The Starry Night by Vincent van Gogh (1889) with examples of starry-night over it starry-night Syntax highlighting, like what GitHub uses
A WASM shell parser and formatter with bash support, based on mvdan/sh
sh-syntax A WASM shell parser and formatter with bash support, based on mvdan/sh TOC Usage Install API Changelog License Usage Install # yarn yarn add
Markdoc is a Markdown-based syntax and toolchain for creating custom documentation sites and experiences.
A powerful, flexible, Markdown-based authoring framework. Markdoc is a Markdown-based syntax and toolchain for creating custom documentation sites and
"Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random maths-related quote.
Project Name : Math Magicians "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simp
✏️ Super lightweight JSX syntax highlighter, around 1KB after minified and gzipped
Sugar High Introduction Super lightweight JSX syntax highlighter, around 1KB after minified and gzipped Usage npm install --save sugar-high import { h
An experimental syntax highlighter web app bot based on Telegram's WebApp update.
Syntax Highlighter WebApp Inspired by zubiden/tg-web-bot-demo. Try the demo bot running here: @syntaxyybot Recently Telegram released a big update for
Syntax Highlighter bot for Telegram.
🖍️ Syntax Highlighter Bot Kind of a copy; highly inspired from Piterden/syntax-highlighter-bot - Telegram Bot here Minimal syntax highlighting bot fo
A small javascript DOM manipulation library based on Jquery's syntax. Acts as a small utility library with the most common functions.
Quantdom JS Quantdom is a very small (about 600 bytes when ran through terser & gzipped) dom danipulation library that uuses a Jquery like syntax and
Alfred Workflow for selecting citations in Pandoc Syntax from a BibTeX File.
Supercharged Citation Picker A citation picker for academics that write in markdown. Using Alfred, this citation picker inserts Pandoc citations from
Combine type and value imports using Typescript 4.5 type modifier syntax
type-import-codemod Combines your type and value imports together into a single statement, using Typescript 4.5's type modifier syntax. Before: import
An e-commerce web application for Taytay Thrift Market with store-owner Inventory system.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Vite plugin to convert markdown to html with front-matter extraction and build-time syntax highlighting
Vite plugin to convert markdown to html with front-matter extraction and build-time syntax highlighting
Starting template for building a Remix site with CloudFlare Workers (ES Modules Syntax)
Starting template for building a Remix site with CloudFlare Workers (ES Modules Syntax)
Video conference layout with tailwindcss & vuejs jsx
Video conference layout with tailwindcss & vuejs jsx
Syntax implementation of Laravel's's Blade language for highlight.js
Blade language definition for Highlight.js Syntax implementation of Laravel's's Blade language for highlight.js. Support us We invest a lot of resourc
Basic syntax, operation of Angular 12
Angular 12 Basic This project was generated with Angular CLI version 12.2.2. Development server Run ng serve for a dev server. Navigate to http://loca
Admin dashboard template built with tailwindcss & vue-jsx.
K UI Admin Dashboard Template (Vue 3 & JSX) ⚠️ This template is not finished yet and still in design phase. We are building it in public. Live preview
Avoid use of dangerouslySetInnerHTML with this lightweight (2KB) function.
Avoid use of dangerouslySetInnerHTML with this lightweight (2KB) function. Can parse HTML strings into VDom trees, ready to render in your Preact components
🍼 650B Virtual DOM - Use reactive JSX with minimal overhead
🍼 little-vdom Forked from developit's little-vdom gist. npm: npm i @luwes/little-vdom cdn: unpkg.com/@luwes/little-vdom 650B Virtual DOM Components S
React component library for displaying code samples with syntax highlighting!!
react-code-samples usage example: import {} from 'react-code-samples'; import 'highlight.js/styles/default.css'; // or use another highlight js style
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to: At a glance Mitosis is inspired by many modern frameworks. You'll see components look like React c
lightweight (~5kb) code editor custom element with syntax highlighting
code-edit lightweight (~5kb) code editor custom element with syntax highlighting 🔧 Install · 🧩 Example · 📜 API docs · 🔥 Releases · 💪🏼 Contribute
A JavaScript UI Library with JQuery like syntax
A JavaScript UI Library with JQuery like syntax. (Beta)
🎩 2048 game is cloned with ReactJS, CSS3.
2048-react This is a clone of 2048 implemented using React. It's running live here. The game logic is implemented in ./src/components/mainBoard.jsx. I
Opinionated syntax highlighting with shiki for markdown-it.
式神 shikigami Opinionated syntax highlighting with shiki for markdown-it. Installation Just use your favorite package manager. npm i @nrsk/shikigami Th
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler
Like JSX, but native and fast
esx High throughput React Server Side Rendering For a simplified example of esx in action, check out esx-demo. esx is designed to be a high speed SSR
High performance JSX web views for S.js applications
Surplus const name = S.data("world"), view = h1Hello {name()}!/h1; document.body.appendChild(view); Surplus is a compiler and runtime to all
Library to build UI based on virtual DOM
vidom Vidom is just a library to build UI. It's highly inspired from React and based on the same ideas. Its main goal is to provide as fast as possibl
Web Components engine based on JSX & TypeScript
WebCell Web Components engine based on JSX & TypeScript Usage Demo & GitHub template: https://web-cell.dev/scaffold/ Project bootstrap Command npm ini
React-Mini-Projects - Simple React mini-applications
React Mini Projects A Fully Responsive React Application contain these mini apps : Todo App Movie App Budget App Flash Card App Factor App This app wa
Small library to create classes without using class syntax.
Clazz.js Small library to create classes without using class syntax. Compatibility For internet explorer 11 or higher. Example script src="Clazz.js"
Modern Query - jQuery like syntax the ES6 way
mQuery Inspired by jQuery, I want to create a small library that resembels the simplicity and ease of use of jQuery, but uses modern API of ever-green
Adds Syntax Highlighting & Hint for TiddlyWiki5 tiddlers (text/vnd.tiddlywiki) to the CodeMirror.
CodeMirror-Mode-TiddlyWiki5 Adds Syntax Highlighting for TiddlyWiki5 tiddlers (text/vnd.tiddlywiki) to the CodeMirror, along with some other useful ed
Enable JSX for Template Literal Tags based projects.
JSX2TAG Social Media Photo by Andre Taissin on Unsplash Enable JSX for Template Literal Tags based projects. µhtml live demo µland live demo µbe live
THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.
Typing Game for Developers to Boost their Typing Speed and Accuracy Read Blog Technologies Yarn React JS Html Css Features 🎹 Typing Area 🌟 Ranking ?
Yet Another JSX using tagged template
우아한 JSX Yet Another Simple JSX using tagged template 언어의 한계가 곧 세계의 한계다 - Ludwig Wittgenstein 우아한 JSX가 캠퍼들의 표현의 자유를 넓히고 세계를 넓히는데 도움이 되었으면 합니다 Example i
A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.
Ink codebase browser, "Kin" 🔍 The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In
🎉🎉使用Vite + Vue3 + TypeScript + Element-plus + Mock开发的后台管理系统🎉🎉
Vite-Vue-Admin 介绍 Cli 配置 vue3.X vuex@4 vue-router@4 vite@2 typescript mock 内置 element-plus 二开封装 upload-file (文件上传,支持指定文件格式,文件大小) powerful-table (多功能表格
Pretty diff to html javascript library (diff2html)
diff2html diff2html generates pretty HTML diffs from git diff or unified diff output. Table of Contents Features Online Example Distributions Usage Di
Pretty diff to html javascript cli (diff2html-cli)
diff2html-cli Diff to Html generates pretty HTML diffs from unified and git diff output in your terminal Table of Contents Features Online Example Dis
An in memory postgres DB instance for your unit tests
pg-mem is an experimental in-memory emulation of a postgres database. ❤ It works both in Node or in the browser. ⭐ this repo if you like this package,
Convert a simple HTML syntax into tables compatible with Foundation for Emails.
Inky Inky is an HTML-based templating language that converts simple HTML into complex, responsive email-ready HTML. Designed for Foundation for Emails
Full CSS support for JSX without compromises
styled-jsx Need help? Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which w
Collection of parsers written in JavaScript
CSS Parser Introduction The ParserLib CSS parser is a CSS3 SAX-inspired parser written in JavaScript. It handles standard CSS syntax as well as valida
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje
Prettier is an opinionated code formatter.
Opinionated Code Formatter JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · Less HTML · Vue · Angular GraphQL · Markdown · YAML Your favorite
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Fast 3kB alternative to React with the same modern API. All the power of Virtual DOM components, without the overhead: Familiar React API & patterns:
Pretty diff to html javascript library (diff2html)
diff2html diff2html generates pretty HTML diffs from git diff or unified diff output. Table of Contents Features Online Example Distributions Usage Di
A tiny wrapper built around fetch with an intuitive syntax. :candy:
Wretch A tiny (~ 3Kb g-zipped) wrapper built around fetch with an intuitive syntax. f[ETCH] [WR]apper Wretch 1.7 is now live 🎉 ! Please check out the
Lightweight, robust, elegant syntax highlighting.
Prism Prism is a lightweight, robust, and elegant syntax highlighting library. It's a spin-off project from Dabblet. You can learn more on prismjs.com
JavaScript syntax highlighter with language auto-detection and zero dependencies.
Highlight.js Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It can work with pretty muc
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
🌟 Welcome to DataFormsJS! Thanks for visiting! 🌠 👍 🌐 🌎 🌏 🌍 中文 (简体) 欢迎来到 DataFormsJS Español Bienvenido a DataFormsJS Português (do Brasil) Bem
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Solid is a declarative JavaScript library for creating user interfaces. It does not use a Virtual DOM. Instead it opts to compile its templates down t
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
English | 简体中文 Omi - Front End Cross-Frameworks Framework Merge Web Components, JSX, Virtual DOM, Functional style, observe or Proxy into one framewor
Write JSX-driven components with functions, promises and generators.
Crank.js Write JSX-driven components with functions, promises and generators. Documentation is available at crank.js.org. Crank.js is in a beta phase,
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje
A blazing fast React alternative, compatible with IE8 and React 16.
Nerv is a virtual-dom based JavaScript (TypeScript) library with identical React 16 API, which offers much higher performance, tinier package size and
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Fast 3kB alternative to React with the same modern API. All the power of Virtual DOM components, without the overhead: Familiar React API & patterns: