435 Repositories
JavaScript material-design-bootstrap Libraries
Angular 14 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap
Angular 14 JWT Authentication with Web API and HttpOnly Cookie example Build Angular 14 JWT Authentication & Authorization example with Web Api, HttpO
a web tool for making "one-way" flowcharts for game design
Flowmeo Flowmeo is a web tool to quickly make one-way, "dependency" flowcharts, like you might need for designing an adventure game, or a tech tree, o
A Fullstack Food Ordering App which created with NextJS.
A Fullstack Food Ordering App which created with NextJS. Click demo to try it by yourself! Food Ordering App Demo Link You can view the site here Clic
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
Interactpedia is a frontend web application that models how engagement
Frontend web app modeling the integration of engagement features into crowdsourcing platforms to improve user info retention made as research for Modeling the Effects of Engagement Methods in Online Crowd-sourcing Platforms from Governor’s School of New Jersey Program in Engineering & Technology 2022.
A Bootstrap plugin to create input spinner elements for number input
bootstrap-input-spinner A Bootstrap / jQuery plugin to create input spinner elements for number input. Demo page with examples Examples with floating-
A cookie banner for Bootstrap 5 websites
Bootstrap cookie banner A cookie banner for websites using Bootstrap 5. Demo: Bootstrap Version used: 5.1.3 Usage Include the CSS and js files. !-- C
A utility for creating toggleable items with JavaScript. Inspired by bootstrap's toggle utility. Implemented in vanillaJS in a functional style.
LUX TOGGLE Demo: https://jesschampion.github.io/lux-toggle/ A utility for creating toggleable dom elements with JavaScript. Inspired by bootstrap's to
Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, des
A Powerful and Elegant "alert" library for JavaScript that replaces that boring alert style of Javascript.
A Powerful , Elegant and fully customizable "alert" library using JavaScript that replaces that boring style of alert. Installation Place the below sc
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Stylesheet and scripts for implementing dark mode with Bootstrap 4
Bootstrap Darkmode This project provides a stylesheet and two scripts that allow you to implement a dark theme on your website. It is initially loaded
Flat and simple color-picker library. No dependencies, no jquery.
Flat and simple color-picker Fully Featured demo Features Simple: The interface is straight forward and easy to use. Practical: Multiple color represe
Nextjs-components: A collection of React components
nextjs-components A collection of React components, transcribed from https://vercel.com/design. 1 Motivation Blog post from 01/09/2022 Todo's Unit tes
Delégua é uma variação da Linguagem Égua, patrocinada pela Design Líquido.
Linguagem Delégua Linguagem de programação, derivada da Linguagem Égua Página Web com Interpretador Delégua para demonstrações Introdução Delégua é um
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo
An enterprise-class UI design language and React UI library
Ant Design An enterprise-class UI design language and React UI library. English | Português | 简体中文 | Українською | Spanish | 日本語 ✨ Features 🌈 Enterpr
Essential UI blocks for building mobile web apps.
Ant Design Mobile Essential UI blocks for building mobile web apps. English Doc · 中文文档 · Discord · 钉钉 $ npm install --save antd-mobile # or $ yarn add
Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Flutter is Google's SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing
A UI library by WeChat official design team, includes the most useful widgets/modules.
WeUI for 小程序 为微信小程序量身设计 概述 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、
The CSS design system that powers GitHub
Primer CSS The CSS implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/css. You'll be able to f
A lightweight, scalable, mobile-first CSS framework
Mobi.css A lightweight, scalable, mobile-first CSS framework Homepage Features Lightweight The default bundle of Mobi.css provides the basic styles to
`raaghu-mfe` is an opensource micro front end framework built on top of `raaghu-elements`, Bootstrap 5 and Storybook offering highly customizable UI components and built-in pages
`raaghu-mfe` is an opensource micro front end framework built on top of `raaghu-elements`, Bootstrap 5 and Storybook offering highly customizable UI components and built-in pages. Raaghu mfe can be used as a base to build complex components and UI layouts whilst maintaining a high level of reusability,flexibility with ease of maintenance.
Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.
Gatsby minimal TypeScript starter 🚀 Quick start Create a Gatsby site. Use the Gatsby CLI to create a new site, specifying the minimal TypeScript star
Providing accessible components with Web Components & Material You
tiny-material Still on developing, DO NOT use for production environment Run well on Google Chrome, Firefox, Chrome for Android, Microsoft Edge (Chrom
Single function to create, manage, compose variants, for any CSS-in-JS libraries.
Build-variants Single function to create, manage, compose variants, for any CSS-in-JS libraries. Motivation Before diving into the implementation deta
Course material for a ~10 hours introductionary course for Julia. Topics: Introduction, Parallel Programming, Data Science
Development We use Franklin.jl to generate the lecture material. To do so, simply activate the environment, use Franklin and run the local server: act
A simple guide to responsive design.
Grid is a great learning tool but no longer supported. Learn why. Grid A simple guide to responsive design. www.adamkaplan.me/grid Why bother with res
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 5 support.
bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Bootstrap Colorpicker Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. THIS PROJECT IS NOT MAINTAINED ANYMORE. After almost 10
SVG icons for popular brands
Simple Icons Over 2200 Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be ma
A Library to Raise your Web Design without Coding.
AniJS A Library to Raise your Web Design without Coding. The most easy and quick way to Raise your web!!! Try It!! Check the online Demonstration. Exa
Built with Anima: A functioning bank app powered by Anima & Strapi
Bank website A functioning bank app powered by Anima & Strapi: Live Demo In this tutorial, we redesigned SVBs banking dashboard using Anima's open sou
Playground for studying design patterns, solid principles, GoF, testing and more with TypeScript
TypeScript design patterns study Playground for studying design patterns, solid principles, GoF, testing and more with TypeScript Index TypeScript des
💸 Use case style digital image marketplace like nft. I developed this system by gathering a lot of my frontend/backend knowledge
❗ WARNING This project is just an educational system, NOT a system made to carry out large transactions and with the same focus as nft. I developed th
This is an example project to demonstrate how to use Nx, Next.js and Module Federation together.
Nextjs, Nx and Module Federation This is an example project to demonstrate how to use Nx, Next.js and Module Federation together. ⚠ This example depen
Example application showing how to use single-table design with GraphQL and DynamoDB
GraphQL + DynamoDB -- Single-table example This repository includes an example of building a GraphQL API with DynamoDB using a single DynamoDB table.
A Simplized Wordpress Blog Theme Design & Developed from 2broear.com by 2BROEAR Released & openSourced in 2022.
2BLOG THEME A Simplized Wordpress Blog Theme Design & Developed from 2broear.com by 2BROEAR Released & openSourced in 2022. Preview Site :演示站点 (演示并不代表
🖼️ Bringing Material Design 3 to the Astro Blog. [WIP]
🖼️ Gumori You [WIP] Bringing Material Design 3 to the Astro Blog. 👥 Contributing If you're interested in contributing to Gumori You, pls read the fo
We combine intensive technology with design expertise.
basement laboratory basement lab is carving out a vanguard position by combining intensive technology with formal design expertise – we are making the
This is a custom recipe app called chefMaster. which contains a lot of interesting such as many apis requests, filter, search , add posts. Property design
In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page
A html・css・svg version of the Roland TR-909 (no sound)
VECTOR-909 Roland TR-909 drum-machine with only hand-made html, svg & css. 100% vector graphics. No textures. No sound engine ... just yet! Credits Lo
A html・css・svg version of the Roland TR-909 (no sound)
VECTOR-909 Roland TR-909 drum-machine with only hand-made html, svg & css. 100% vector graphics. No textures. No sound engine ... just yet! Credits Lo
quick bootstrap for using wdi5 (wdio-ui5-service)
wdi5 quickstart fast lane for adding wdi5 for e2e tests to your UI5 application quickstart $ cd your/ui5/app $ npm init wdi5 how it works the init w
This project is an educational asset demonstrating the use of AWS amplify, Graphql API, Appsync, Material UI and amazon cognito. T
This project is an educational asset demonstrating the use of AWS amplify, Graphql API, Appsync, Material UI and amazon cognito. This project belongs to Black bird and this repo will remain dormant until final decision.
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
A simple javascript library for pagination, compatible with Bootstrap.
Easy Pagination JS A simple library for pagination, compatible with Bootstrap. Check my website here. Demo Check this Demo here. Example Import the fi
Democratic Platform to write anti-political stuffs
nLog Natural Way Of Blogging. By writing politcally incorrect things uwu Built using ( MERN STACK ) Try Now [ Deployment is online ( hopefully ) ] Try
A sample app (with TypeScript) to help developers bootstrap their Shopify app development.
⚠️ Please, refer to kanzitelli/shopify-app-template-typescript for the most up-to-date version. This repo was used for testing purposes. Shopify App N
This repo is for educational and demonstration purposes only, this project is to demonstrate usage of apollo/client and github API and firebase.
Gissues Gissues is a web application that allows you to search for issues in GitHub. It is built for new developers who want to learn more about GitHu
A curated collection of free resources from across the web for front-end developers, covering everything from design to deployment.
A curated collection of free resources from across the web for front-end developers, covering everything from design to deployment.
⚡️ A minimal Portfolio template for Developers
Portfolio Theme A light weight , responsive portfolio theme by SAIF ALI Contact me at telegram for more templates, updates or suggetion SAIF ALI Credi
A Kubernetes monitoring tool to visualize large-scale activity and real-time comprehensive metrics within your cluster.
Armada A light-weight Kubernetes health monitoring tool. Summary Armada is an open-source tool for monitoring the health of your Kubernetes cluster. I
Search/Filter beer for beerpong
Beer for Beerpong 🍺 You can search beer to play beer pong 🍻 🏓 You sink it, they drink it LINK Technologies 🚀 React React Router Dom Beer Animation
GNC Coders - Punk API Project
GNC Coders - Punk API Project This project developed using Punk API. Project live on Team Members Name Cansu Yarkın Gamze Gürcan Nejla Şahin Kanban bo
Next.js + TypeScript + Material UI v5 + Sass + Storybook starter
nextjs-ts-mui5-scss-storybook-starter 📕 Next.js + TypeScript + Material UI v5 + Sass + Storybook starter 📕 with linting & prettier pre-configured Ma
This is full stack todo Application which has front end and backend side on my own. So you can try this out. Build using
Full Stack Todo Application Hello Everyone... Here I am sharing some information about the TODO APP which I build using React, Redux, Material UI, Exp
Customise this Figma plugin template for your own design team.
Design Toolkit Customise this Figma reference plugin to provide useful resources and automations for yourself or your team. Inspect the code to see ho
ConcreteUI is a ~neubrutalist~ design system 🧱
ConcreteUI 🏗 Very early stage ConcreteUI is a neubrutalist design system with inspiration from this medium article. Getting Started Make sure you hav
A small application to categorize and track your income and expenses.
Expense Tracker App with Typescript A small application to categorize and track your income and expenses. Expense Tracker App Demo Link You can check
Portfolioshop builds custom portfolio websites with submitted user data.
Portfolio Shop What our project does? We are trying to build a website to make the process of building personal portfolios easier. Often we have seen
Keep track of the movies you've watched and create your own movies lists!
Cinematek Keep track of the movies you've watched and create your own movies lists! All the movies informations are provided by The Movie Database Dep
O Design System da Impulso Gov apresenta os padrões de interface que devem ser seguidos por designers e desenvolvedores para garantir a experiência única na interação com os sistemas interativos da Impulso Gov.
Design System O Design System da Impulso Gov apresenta os padrões de interface que devem ser seguidos por designers e desenvolvedores para garantir a
100 Modern CSS Buttons, Free And Royalty Free.
💪 Contributions Currently, there are 100 buttons in this project, but we’d love to have more! If you have new button ideas, create an Issue. If you h
Ektogamat Three Graces Design Concept using threejs
In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks.
The user interface of the Restreamer for the connection to the Core application.
Restreamer-UI The user interface of the Restreamer for the connection to the Core application. React Material-UI (MUI) Development For the Restreamer
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r
A utility-first universal design system - powered by Tailwind CSS
tailwindcss-react-native tailwindcss-react-native uses Tailwind CSS as universal design system for all React Native platforms. It lets you share code
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:
Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu
A Drag & Drop Form Builder base on Bootstrap v4.x
bsFormBuilder 一个基于 Bootstrap (v4.x) + JQuery 的、拖拽的表单构建工具。 特点 1、基于 Bootstrap (v4.x) + JQuery,简单易用 2、拖动的 html 组件,支持通过 Json 自定义扩展 3、组件的属性面板,支持通过 Json 自定义
Opinionated Next.JS Boilerplate with TypeScript and Material-UI
Next.JS Boilerplate This is an opinionated Next.js boilerplate, with: Fully typed with TypeScript. Style/Theme engine and Icons from Material UI. Code
Standalone keycloak theme using Système de Design de l'État (french government design system)
keycloak-dsfr This template has been made thanks to keycloakify. It follows the french design system Système de Design de l'État. You can find guideli
Generate fluid, custom property based design systems on the fly — entirely based on Utopia
Fluid Design Systems With Netlify On-demand Builders A proof of concept demonstrating how Netlify on-demand builders can help generate fluid, custom p
Frontend template using react with MUI
Table of contents React-template Usage Build Vite Docker Linter Continuous integration Code documentation Technologies React-template This is a fronte
Course material for Mobile Application Development, Integrated Digital Media, Tandon School of Engineering, NYU
Mobile-Application-Development Course material for Mobile Application Development, Integrated Digital Media, Tandon School of Engineering, NYU Classs
Built for fun and game activities! you can submit scores of players, create a new game, and refresh to see who is on top of the leaderboard. It was built with JavaScript, HTML, and CSS. Thanks to the central LeaderBoard API service all data is preserved
LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Mini Presentation Additio
Dynamic, theme-driven, style props for vanilla-extract.
Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr
A decentralized Music Ownership System developed on Truffle Suite and React Bootstrap to allow Music artists to upload their content to the blockchain, that can be streamed by users
A decentralized Music Ownership System developed on Truffle Suite and React Bootstrap to allow Music artists to upload their content to the blockchain, that can be streamed by users.
🍰 An extensible, layer based shader material for ThreeJS
lamina 🍰 An extensible, layer based shader material for ThreeJS These demos are real, you can click them! They contain the full code, too. 📦 More ex
A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest quality such as 8K.
🚀 youtube-dl-web A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest qual
Dynamic, theme-driven, style props for vanilla-extract.
Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr
Quick study on NextJs + Material UI
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
A component library based on Material Design 3 & Web Components
material-web-entity Material Web Entity A component library based on Material Design & Web Components Go to link to see what components this library s
This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.
Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist
This application allows you to book missions and rockets with Elon Musk's company, SpaceX
Space Traveler's Hub This is an application built to book missions and rockets from SpaceX You can both join and leave missions, reserve and cancel re
SUID is all a set of utils and components ported from MUI Core and much more.
Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a
Learn design patterns through games with TypeScript and Phaser 🕹️
Welcome to Design patterns gamified! I created this repo to teach design patterns through games. Each folder contains a tiny game that demonstrates ho
A complete guide for learning Object Oriented Programming Pillars, SOLID Principles and Design Patterns with TypeScript!
Object Oriented Programming Expert With TypeScript This repository is a complete guide and tutorial for the principles and techniques of object-orient
The open-source design system of Tree.ly
🌳 Boemly Boemly is the open source component library maintained by Tree.ly based on ChakraUI. 🏃♀️ Getting started Install Boemly: npm i boemly --sa
Card IDE (CIDEr) - Design game cards using HTML/Handlebars, CSS, and tabular data
CIDEr Card IDE (CIDEr) - Design game cards using HTML/Handlebars, CSS, and tabular data. Website: Start using Cider About CIDEr Cider was created to f
Animene - A platform for anime lovers
Animene A platform for anime lovers Live demo website: animene.vercel.app Technologies used React Material UI SCSS Modules, clsx Axios, GraphQL Redux,
API of my readings, developed in Nest.js, MongoDB, Nginx and Dockerized
My Readings step by step for configuration with docker OBS: required docker and docker-compose cp -r .env.sample .env docker-compose up example what t
Design-focused web3 modal based on Material UI
@buildship/web3-login (beta) This is a design-focused web3 wallet connecting modal for React based on Material UI. It supports Metamask, WalletConnect
DBMS Mini-Project 18CSC303J on Employee Management System
Employee Management System DBMS-Mini-Project-18CSC303J TECHNOLOGY USED: Frontend: Angular, Bootstrap Backend: Spring Boot, Java Database: MySQL ABSTRA
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha
Angular Youtube clone with Module Federation. Turborepo edition.
Youtube microfrontend using Angular, Module Federation. Turborepo edition. NOTE: This is project is for education purpose only and was made to illustr
jQuery tags input plugin based on Twitter Bootstrap.
Bootstrap Tags Input Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags. Current stable version: v
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon
Projeto desenvolvido em Angular e Material, para conclusão do curso de extensão em Java
EmpresaFront This project was generated with Angular CLI version 13.0.4. Development server Run ng serve for a dev server. Navigate to http://localhos
Clarity is a scalable, accessible, customizable, open-source design system built with web components.
Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components