294 Repositories
JavaScript design-systems-workshop Libraries
ITkonekt .NET workshop
Autobarn This is the sample application for Dylan Beattie's workshop on distributed systems with .NET. It's an Asp.NET Core web application based on v
Create responsive design with the help of css queries
react-native-css-stylesheet Create responsive design with the help of css queries Installation npm install react-native-css-stylesheet Usage Define st
official Alibaba Design system vue components snippets for visual studio code
Alibaba DLS Snippets for vscode Installation You can either install this extension by searching for Alibaba DLS Snippets in your vscode extensions sto
Adaptation of the popular mkdocs-material material design theme to the sphinx documentation system
Sphinx-Immaterial Theme This theme is an adaptation of the popular mkdocs-material theme for the Sphinx documentation tool. This theme is regularly ma
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
JSON-RPC 2.0 implementation over WebSockets for Node.js and JavaScript/TypeScript
WebSockets for Node.js and JavaScript/TypeScript with JSON RPC 2.0 support on top. About The rpc-websockets library enables developers to easily imple
An intro to Three.js and React :) Workshop materials and demo from HackTheNorth 2021
๐ Speedy 3D - A Quick Intro to Three.js & React This workshop was originally created for Hack The North 2021! My personal motivation was to: learn th
Senior Design Project. Water intake tracker. Software for the communication to bottle and app. Software for app and database
WaterMate Senior Design Project. Water intake tracker to provide everyone with an easy to use water tracking system that can be integrated with your f
Team project within the course of Software System Design and Analysis.
๐ InnoBookCrossing - Application for sharing books at Innopolis gh-md-toc ๐ General Information Description The application is designed to help peop
A collection of free logos for open source projects
Libre Logos Libre Logos is a library of free logos. The logos are intended for open source projects and NGOs. Designers are invited to contribute. The
Theatre.js is an animation library for high-fidelity motion graphics.
Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.
React Native & Expo music player application UI
Would you like to support me? Musicont React Native & Expo music player application UI Demo: https://expo.io/@jsxclan/musicont APK: Download on Google
Build a Full Stack Marketplace on Ethereum with React, Solidity, Hardhat, and Ethers.js
Building a Digital Marketplace on Ethereum The technologies used in this workshop are React, Next.js, Tailwind CSS, HardHat, Solidity, and Ethers. Get
A simple javascript calendar with a glassmorphic UI
Calendar A simple javascript calendar with a glassmorphic UI Techs Used: HTML 5 CSS 3 Vanilla JavaScript Purpose: The javascript file contains the log
Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.
Fort-Shop Fort-Shop is a unique project which generates the current Fortnite Item Shop into a stylized image, similar to the new In-Game design (refer
A shopping mobile application made with react native for Android.
Shop App Description This project is a simplified implementation of a shopping system, the project aims to provide the basic features that are expecte
A customizable lightweight Alert Library with Material UI and awesome features.
SoloAlert A customizable lightweight Alert Library with Material UI and awesome features. view soloalert on npm : https://www.npmjs.com/soloalert Inst
Enjoy creating cover image for your hashnode blog like never before, get started in seconds ๐
Slickr โจ๏ธ View Demo ยท Report Bug ยท Request Feature Introducing Slickr โ๏ธ Slick is the most powerful and the easiest app to create beautiful cover imag
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard
Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad
Cool Boostrap design for Shopping Cart and Products.
Cool Boostrap design for Shopping Cart and Products. You can fine the code for the Bootstrap Shopping Cart design in the "shopping-cart.html" file. Yo
Cool Boostrap Design form for Payout and Register.
Cool Boostrap Design form for Payout and Register. Design for the Payment form you can find the whole Boostrap code in the "payout.html" file. Design
ฤฐnstagram Clone.You can sign in, sign up, upload image, make comment ๐ท Used ReactJS, Material UI, Firebase, Firestore Database
๐ก instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment ๐ท โก LIVE To check out the live demo of this app AB
Workshop to illustrate how to use GraphQL
๐ Netflix Clone using Astra DB and GraphQL 50 minutes, Intermediate, Start Building A simple ReactJS Netflix homepage clone running on Astra DB that
BestBuy Bot is an Add to cart and Auto Checkout Bot. This auto buying bot can search the item repeatedly on the ITEM page using one keyword. Once the desired item is available it can add to cart and checkout very fast. This auto purchasing BestBuy Bot can work on Firefox Browser so it can run in all Operating Systems. It can run for multiple items simultaneously.
BestBuy Bot โ Open Source GPU/PS5/Xbox Bot I took bits from best open and closed sourced bots and made this simple bot. Please star my repo if this co
A project to showcase a poc of distributed systems with message queue, graphql, grpc, http server with added monitoring and tracing capabilities.
trace-sandbox Trace sandbox is a project to showcase a poc of distributed systems with message queue, graphql, grpc, http server with added monitoring
Hi there! This is a react native starter which used to build a awesome Event Booking App based on the Figma design. You can download or clone it to speed up your projects.
mcrn-event-booking-app-starter Hi there! This is a react native starter which used to build a awesome Event Booking App based on the Figma design. You
A social app concept with React Native
Social App Concept-React Native ๐ฅ A simple social app concept with react native. Improving day by day. Star โญ the repo if you like what you see ๐ .
Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.
It is a project I am trying to list the repos that have received thousands of stars on Github and deemed useful by the JavaScript community. It's a gi
A Full Stack Amazon Clone which created using ReactJS with full E-Commerce Functionality!!
Amazon Clone with ReactJS A small web app that tries to imitate the desktop web version of amazon site, you can add items to the basket, delete them,
Taps provide source agnostic sync access to the input. Either it comes from mouse and/or touch, it is the same API. It assumes multiple instances of taps making your code multi-touch by design. Providing sync access instead of event-based, for best usage in real-time applications.
mr-Taps Taps provide source agnostic sync access to input. Either it comes from mouse and/or touch, it is the same API. It assumes multiple instances
Node module for creating dat compatible tools on file systems
dat-node dat-node is a high-level module for building Dat applications on the file system. For a lower-level API for building your own applications, u
Build modular projects with components in harmony.
Bit Bit is a tool for composing modern applications of independent components. It extends the benefits of micro-services to everything you build, fron
This is a facebook messenger clone.You can comminicate to other at realtime
๐ก facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime ๐ฌ โก LIVE To check out the live demo of this app ABO
Free, open-source crypto trading bot, automated bitcoin / cryptocurrency trading software, algorithmic trading bots. Visually design your crypto trading bot, leveraging an integrated charting system, data-mining, backtesting, paper trading, and multi-server crypto bot deployments.
Free, open-source crypto trading bot, automated bitcoin / cryptocurrency trading software, algorithmic trading bots. Visually design your crypto trading bot, leveraging an integrated charting system, data-mining, backtesting, paper trading, and multi-server crypto bot deployments.
Zeronode - minimal building block for NodeJS microservices
Zeronode - minimal building block for NodeJS microservices Why Zeronode? Installation Basics Benchmark API Examples Basic Examples Basic Examples [Adv
๐ฌ Writing reliable & fault-tolerant microservices in Node.js
A Node.js microservices toolkit for the NATS messaging system Run on repl.it Node: v6+ Documentation: https://hemerajs.github.io/hemera/ Lead Maintain
:rocket: Progressive microservices framework for Node.js
Moleculer Moleculer is a fast, modern and powerful microservices framework for Node.js. It helps you to build efficient, reliable & scalable services.
Cool tips to design UI/UX on Leaflet maps.
Map Effects 100 Map Effects 100 has cool tips to design UI/UX on your Map. Map? Leaflet Quick Start git clone https://github.com/muxlab/map-effects-10
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Pure CSS ripple effect (no JavaScript) CSS-only implementation of Android Material design "ripple" animation on click event Main advantage of this sol
Material Design Based One Page HTML Template
Material Design One Page HTML Template MD One page template is fully responsive and free to use. This HTML template is based on Materialize, a CSS Fra
A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.
Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve
:mountain_bicyclist: Landing Pages of Ant Design System
Ant Design Landing Landing Pages of Ant Design System English | ็ฎไฝไธญๆ What is Landing? Landing is a template built by Ant Motion's motion components. I
AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.
Documentation โข Examples โข Tutorials โข Support Us โข Get Professional Help AmplitudeJS is a lightweight JavaScript library that allows you to control t
Materialize, a CSS Framework based on Material Design
MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
๐ Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
Learn, design or document codebase by putting breadcrumbs in source code. Live updates, multi-language support and more.
What ยท Demo ยท Get started ยท Features ยท Case studies ยท Support What Have you ever got lost in a big or unknown codebase? This tool will help you to sol
Material Progress โGoogle Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
MProgress.js Google Material Design Progress Linear bar. It uses CSS3 and vanilla JavaScript which doesn't depend on any other libraries. Types and pr
An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping
Welcome to Ink Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and Ja
JavaScript SDK Design Guide extracted from work and personal experience
JavaScript SDK Design Guide Introduction This guide provides an introduction to develop a JavaScript SDK. The best one sentence to describe an SDK is:
Click effect inspired by Google's Material Design
Waves Click effect inspired by Google's Material Design http://fian.my.id/Waves/ Documentation Waves uses Situs to generate documentation. Here are so
Switch your nav's design on the fly
Midnight A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content be
A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).
Material Design Preloader!s A jQuery plugin that recreates the Material Design preloader (as seen on inbox). I was fascinated when I first saw the pre
An example of a mobile-first responsive web design
Mobile-First-RWD This demo is an example of a mobile-first responsive web design. This is a companion demo to the tutorial I wrote on HTML5 Rocks and
Created from react styleguidist for Vue Components with a living style guide
Isolated Vue component development environment with a living style guide Start documenting now on codesandbox.io Sponsors A big thank you to our spons
:fire::fire::fire: ๅผบๅคง็ๅจๆ่กจๅ็ๆๅจ|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
form-create form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions thr
A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.
Keen UI Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't
A design system built by IBM
Carbon Design System Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of worki
Material design for Vue.js
Material Design for Vue.js Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs Build well-designed app
๐ An enterprise-class UI components based on Ant Design and Vue. ๐
Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | ็ฎไฝไธญๆ Features An enterprise-class UI design system for desktop
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
A high quality UI Toolkit built on Vue.js 2.0
iView A high quality UI Toolkit built on Vue.js. Docs 3.x | 2.x | 1.x Features Dozens of useful and beautiful components. Friendly API. It's made for
๐ Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
๐ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
Duet Date Picker is an open source version of Duet Design Systemโs accessible date picker. Try live example at https://duetds.github.io/date-picker/
Duet Date Picker Duet Date Picker is an open source version of Duet Design Systemโs accessible date picker. Duet Date Picker can be implemented and us
A library for visualization and creative-coding
Pts Pts is a typescript/javascript library for visualization and creative-coding. Get started at ptsjs.org. Please give it a try, file issues, and sen
A React Component library implementing the Base design language
Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Grommet: focus on the essential experience Documentation Visit the Grommet website for more information. Support / Contributing Before opening an issu
:atom_symbol: React primitive UI components built with styled-system.
Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo
A set of React components implementing Google's Material Design specification with the power of CSS Modules
React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra
๐ฒ Evergreen React UI Framework by Segment
Works out of the box. Evergreen contains a set of polished React components that work out of the box. Flexible & composable. Evergreen components are
A free book that talks about design patterns/techniques used while developing with React.
React in patterns ๐ A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
react-admin A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Materi
A React-based UI toolkit for the web
Blueprint Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications
โ It has never been so easy to document your things!
Docz makes it easy to write and publish beautiful interactive documentation for your code. Create MDX files showcasing your code and Docz turns them i
๐จ๐ปโ๐ป๐ฉ๐ปโ๐ป Use Ant Design like a Pro!
English | ็ฎไฝไธญๆ | ะ ัััะบะธะน | Tรผrkรงe | ๆฅๆฌ่ช | Franรงais | Portuguรชs | ุงูุนุฑุจูุฉ Ant Design Pro An out-of-box UI solution for enterprise applications as a Rea
๐ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access
A free book that talks about design patterns/techniques used while developing with React.
React in patterns ๐ A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat
nact โ node.js + actors โ your services have never been so ยต
nact โ node.js + actors your services have never been so ยต Any and all feedback, comments and suggestions are welcome. Please open an issue if you fin
Salesforce Lightning Design System
Salesforce Lightning Design System Welcome to the source code repository for Salesforce Lightning Design System, brought to you by Salesforce UX. SLDS
Low-level CSS Toolkit โ the original Functional/Utility/Atomic CSS library
Basscss Low-level CSS toolkit โ the original Functional CSS library https://basscss.com Lightning-Fast Modular CSS with No Side Effects Basscss is a l
A minimalist CSS framework.
A minimalist CSS framework. Why it's awesome Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipp
The CSS design system that powers GitHub
Primer CSS The CSS implementation of GitHub's Primer Design System Migrating ๐จ If you currently use the primer or primer--prefixed npm packages, plea
Functional css for humans
TACHYONS Functional CSS for humans. Quickly build and design new UI without writing CSS. Principles Everything should be 100% responsive Everything sh
Modular and customizable Material Design UI components for the web
Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX
Material Design Components in HTML/CSS/JS
Material Design Lite An implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design Lite (MDL) lets you add a Material
Materialize, a CSS Framework based on Material Design
MaterializeCSS Materialize, a CSS Framework based on material design. -- Browse the docs -- Table of Contents Quickstart Documentation Supported Brows
Modern CSS framework based on Flexbox
Bulma Bulma is a modern CSS framework based on Flexbox. Quick install Bulma is constantly in development! Try it out now: NPM npm install bulma or Yar
ops - build and run nanos unikernels
OPS Ops is a tool for creating and running a Nanos unikernel. It is used to package, create and run your application as a nanos unikernel instance. Ch
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
GoJS, a JavaScript Library for HTML Diagrams GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. S
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs โ
p5.js Welcome! ๐ ๐๐ฟ๐๐ฝ๐๐ป๐๐พ๐๐ผ p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for a
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element a bit easier, and a bit more fun!
Scrawl-canvas Library Version: 8.5.2 - 11 Mar 2021 Scrawl-canvas website: scrawl-v8.rikweb.org.uk. Do you want to contribute? I've been developing thi
The motion graphics toolbelt for the web
mo ยท js โ The motion graphics toolbelt for the web. Intro mo ยท js is a javascript motion graphics library that is a fast, retina ready, modular and op