250 Repositories
JavaScript bootstrap-material Libraries
leaderBoard is a project used to add a score, view score list, and refresh score list. It is built using JS, HTML, BootStrap, and API.
LeaderBoard 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites Instal
This project is a web application that allows the user to select a location on a map, display the selected region, and capture an image of that region. The captured image is then applied as a texture to a 3D cuboid using BabylonJS.
Map-Babylon Client repo commit details https://github.com/hashmat-noorani/mapbox-babylon-client Server repo commit details https://github.com/hashmat
Save time by managing bills & expenses, invoicing & easy reconciliation all in one app. Generate clear dynamic statements and get your reports, the way you like them
expense-manager-app (Opensource Expense Tracking App built with React) 🔥 Save time by managing bills & expenses, invoicing & easy reconciliation all
The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to the management of the data of the Members of the Persis Youth based on information technology systems
landing-page-pp landing-page-pp.vercel.app #The Main Purpose The main purpose of creating an anaonline information system, as an effort responsive to
A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js
Twitter Broadcasts Search A Twitter filtered search to only get the live broadcasts hosted on Twitter itself, Built using Vanilla JS and Node.js. Live
Quickly bootstrap your next TypeScript REST API project. Node 16+, auto OpenAPI, Prettier+ESLint, Jest
REST API template with autogenerated OpenAPI Quickly bootstrap your next TypeScript REST API project with the most up to date template. Included a sam
Awesome Books is a basic SPA that allows users to add/remove books from a list.
Awsome Books This Project Awesome books is a simple webApp that displays a list of books and allows you to add and remove books from that list. Previe
DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!
DripUI - Tailwind Components DripUI is an amazing collection of free UI components to help you develop projects faster and easier. The most elegant co
Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much more and completely Open Source.
Shiryoku Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much
Dependency-free implementation of zoom.js (no jQuery or Bootstrap)
ZOOM.JS Repo status Nov 2020: Maintained, but bug fixes only. No new features currently, please. There may eventually be a new major version with new
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
tb-grid Lightweight (1kb gzipped) 12 column grid system, built with css grid. 👉 Demos & Playground Have a look at those examples: Main Demo: https:/
This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute "maxlength" to work.
Bootstrap MaxLength This plugin integrates by default with Twitter bootstrap using badges to display the maximum length of the field where the user is
Bootstrap 5 spinner/loading/pending indicator for input, textarea and select
@tkrotoff/bootstrap-input-spinner Bootstrap 5 spinner/loading/pending indicator for input, textarea and select Example: https://codesandbox.io/s
Bootstrap 4 Navbar with multiple dropdowns
Bootstrap Navbar Dropdowns Support for bootstrap 3, 4 and 5 Installation Node npm install boostrap-navbar-dropdowns or yarn add boostrap-navbar-dropd
Create Bootstrap 5 Modal Box using JavaScript with custom title, description, button labels and custom YES button callback
Dynamic BS5 Modal Box Create Bootstrap 5 Modal Box using JavaScript with custom title, description, button labels and custom YES button callback Insta
Makes Bootstrap 5.x Toasts easier to use
bootstrap5-toast Copied from https://github.com/Script47/Toast and updated to support Bootstrap 5.x https://getbootstrap.com/docs/5.0/components/toast
Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.
Digital Identifier 🧐 To design and develop a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential ident
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites. Winner of Hack the North 2022. 🏆
Project Bootstrap for an Angular + Symfony project
angular-symfony Project Bootstrap for an Angular 2+ and Symfony 4+ webservices project. Introduction This project is a template application with a sec
This project is in developer-preview status and will reach the beta in 2023 Q1
rescoped.io This project is in developer-preview status and will reach the beta in 2023 Q1. Currently, the datagrid is under massive refactoring, and
The best shop by Laravel framework.
Introduction The shopline is an open-sourcem free and advance eCommerce with Laravel framework. Shopline can help you to make your shop easy fast & fr
🪆 Template intended to serve as a starting point if you want to bootstrap a Figma Plugin in TypeScript.
🪆 Codely Figma Plugin Skeleton Template intended to serve as a starting point if you want to bootstrap a Figma Plugin in TypeScript. Take a look, pla
📌 A chips input designed for MUI (Material ui) V5
MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips
This is a boilerplate for creating your own languages for various use cases. You can even create your own programming language from scratch!
Bootstrap compiler This is a bootstrap compiler that can be used to compile to compiler written in the target language. You can write a compiler in th
A JavaScript class for creating Bootstrap 5 Modals
BS5ModalJS A JavaScript class for creating Bootstrap 5 Modals Why BS5ModalJS? BS5ModalJS removes the hassle of writing the bootstrap 5 modal html elem
🔖 A drag-and-drop form builder for Bootstrap 4.
Bootstrap v4 Form Builder A drag-and-drop form builder for Bootstrap 4. ❓ Get Help There are few ways to get help: Please post questions on Stack Over
Detect the current Bootstrap breakpoint in JavaScript
bootstrap-detect-breakpoint Detect the current Bootstrap breakpoint in JavaScript. Demo Page npm Package Usage Include the bootstrap-detect-breakpoint
Bootstrap Persian/Gregorian Date Time Picker
MD.BootstrapPersianDateTimePicker Bootstrap 5+ Persian And Gregorian Date Time Picker Major changes: Using Bootstrap 5 jQuery Removed Rewrite all code
Multiple Selection Combo Box using Bootstrap 3
MagicSuggest v2.1.6 Bug Fix (fix) Disabled arbitrary HTML and SCRIPT execution on input. MagicSuggest v2.1.5 (fix) prepend close button instead of app
Iconpicker for Bootstrap 5 icons
Iconpicker for Bootstrap 5 Usage 1 - Via cdn script src="https://unpkg.com/[email protected]/dist/iconpicker.js"/script 2 - Via npm npm
Portal - Free Bootstrap 5 Admin Dashboard Template For Developers
Theme Details & Demo Demo: https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-deve
Fully controllable vanilla-js material design ripple effect generator.
Fully controllable vanilla-js material design ripple effect generator. This can be used with any JavaScript framework and/or any CSS framework. Demo I
Convert table to card when on phone
Convert table to card see index.html for example converts table to card when viewport is = 425px HTML Syntax table !-- table headings -- th
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library.
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Simple vanilla javascript datatable
RdataTB simple vanilla javascript datatable Setup script src="https://cdn.jsdelivr.net/gh/Rakhmadi/RdataTB@master/dist/index.js"/script script
Avatar classes to extend Bootstrap 5.
Bootstrap Avatar A collection of fixed and responsive CSS for styling avatars. Demo https://ghoststead.github.io/bootstrap-avatar Installation jsDeliv
Angular material date-fns adapter (Support jalali)
Angular material date-fns adapter (Support jalali) What is this? This library provides a custom DateAdapter for the Angular Material Datepicker compon
This is a simple yet powerful to-do list app. It allows the user to add, remove, edit and check a task as completed.
To-Do-List App In this project, I made a simple website called To-do-List. The user is able to add and remove tasks, mark them as done or undone, the
Multiple level dropdown works with Bootstrap 5, just like native support.
Bootstrap 5 Multiple Level Dropdown. For Bootstrap 4, please visit Bootstrap 4 Multiple Level Dropdown Using official HTML without adding extra CSS st
Simple material-style text inputs
Material-style inputs for Bootstrap 4 View Codepen: ralphvk/pen/LXpomR Add material-style inputs to your project. Include Bootstrap and jQuery First,
Efeito de ripples baseado no Material Design.
Efeito de ripples baseado no Material Design feito com CSS, JavaScript e jQuery Esse efeito utiliza seletores do jQuery e manipulação do DOM para obte
A multiselector for Bootstrap 4
mutiselect-bs4 multiple select picker for Bootstrap 4 Installation Dependencies jQuery bootstrap v4 fontawesome v5 Manual link href="/path/to/bootstr
Dropdown select box for bootstrap 5
dselect Dropdown select box for bootstrap 5 Demo Features Placeholder Multiple Search Creatable Clearable Sizing Validation Installation Install dsele
Simple modern JavaScript ES6 library that fetches JSON data into an HTML table which displays nicely within a Bootstrap 4 Card.
Simple modern JavaScript ES6 library that fetches JSON data into an HTML table which displays nicely within a Bootstrap 4 Card. Uses simplenotsimpler/modern-table library.
Google translate dropdown customize with country flag
Flag google trasnalte demo without google bar and logo Screenshot How to use this 1. Create a country checklist containing languages from which you’ll
A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js, that is based on Dan Grossman's bootstrap-daterangepicker.
vanilla-datetimerange-picker Overview. A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js,
Bootstrap 5 Floating Label
@tkrotoff/bootstrap-floating-label Floating label for Bootstrap 5 Example: https://codesandbox.io/s/github/tkrotoff/bootstrap-floating-label/tree/code
Interface to implement a video player using the Bootstrap 5 framework.
BOOTSTRAP VIDEO PLAYER INTERFACE This is an experimental interface to implement a video player using the Bootstrap 5 framework. The HTML structure was
Bootstrap 4 stylesheet that implements vertically-oriented navigation tabs.
Responsive Vertical Navigation Tabs for Boostrap 4 New! 💥 If you use Bootstrap 5, a new package is available for that: bootstrap-5-vertical-tabs A st
A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans.
bootstrap-validate A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans. 🎉 Support us with Developer Merchandise
A jQuery plugin wrapper around Bootstrap Alerts, to create Notifications (Toasts)
bootstrap-show-notification A jQuery plugin wrapper around Bootstrap 4 Alerts, to show them as toasts (also called notifications) dynamically from Jav
autocomplete/typeahead js plugin for bootstrap v5
bootstrap-5-autocomplete This is a rewrite of https://github.com/Honatas/bootstrap-4-autocomplete for bootstrap v5. Example const ac = new Autocomplet
Dialogs based on Bootstrap 5 modal
Simple dialogs based on Bootstrap 5 modal Lightweight pure js dialogs library, min ad gz size less 2 kB Dependencies bootstrap 5 demo Dialogs ok_cance
Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4.
Bootstrap Tooltip Custom Class Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4. Define you
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
Auto resizing textareas, can be used with bootstrap
auto-resize-textarea Auto resizes the height of any textarea to match the text input. No dependencies Works with Bootstrap Try it Demo page Reposito
Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
JSON Form The JSON Form library is a JavaScript client-side library that takes a structured data model defined using JSON Schema as input and returns
HTML 5 & Bootstrap Jquery Form Validation Plugin
HTML 5 & Bootstrap Jquery Form Validation Plugin HTML 5 & Bootstrap 5 & Jquery 3 jbvalidator is a fresh new jQuery based form validation plugin that i
Robust, plug & play generator for Bootstrap toasts.
Bootstrap Toaster Robust, plug & play generator for Bootstrap toasts. Supports Bootstrap 4 and Bootstrap 5. Demo A demo page is available at bootstrap
A simple, jQuery free Snackbar (Toast) alert
js-snackbar What is a SnackBar? According to Material Design a Snackbar or Toast provides "brief messages about app processes at the bottom of the scr
Dashboard skeleton Simple and fast dashboard skeleton template
Dashboard skeleton Simple and fast dashboard skeleton template. Installation npm install --save dashboard-skeleton-compostrap Version 1x built on Boo
Javascript library to make HMTL tables editable, using Bootstrap
Donate to the project Bootstable Javascript library to make HMTL tables editable. "Bootstable" is a javascript library (plug-in), that lets convert a
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview for various files, offers multiple selection, resu
Simple tag input for Bootstrap
Tagin Simple tag input for Bootstrap. Supports bootstrap v4 and v5. Demo: https://tagin.netlify.app/ Features Custom separators Enable/disable duplica
An extended table to integration with some of the most widely used CSS frameworks.
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Virtual Keyboard for Angular applications.
AngularTouchKeyboard What is this? Virtual Keyboard for Angular applications. Demo https://mohsen77sk.github.io/angular-touch-keyboard/ Install Step 1
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
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
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
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
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
`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
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
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
💸 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
🖼️ 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
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.
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
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 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
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
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
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 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
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