156 Repositories
JavaScript material-icons Libraries
Shopify Landing (Open source landing page shopify application)
SHOPIFY Open source landing page shopify application Configuration and Setup Key Features Technologies used 📸 Screenshots Author License Configuratio
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
🟢 Music player app with a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more.
Music-player-app see the project here. 1. Key Features 2. Technologies I've used Key Features: 🟢 Fully responsive clean UI. 🟢 Entirely mobile respo
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
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
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
Icons for links. Logseq Plugin
"Awesome Links" plugin for Logseq Favicons for external links! 🡖 Pages icons for internal links 🡖 Page iconsicon::extended from Emoji to hundreds ic
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. 🏆
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
📌 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
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels. Their goal is to help women feel confident and comfortable in their own skin, and to encourage them to lead healthy, active lifestyles.
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
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
🎨 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!
Login of app to remind to drink water, using Firebase tools like Firebase Auth and Firebase Firestore
Water Reminder Login App Menu Contents Motivation Final Images How to download the project and run it? Technologies utilized Dev 📌 Motivation This ap
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
Re-building @BizTech-Morocco website using Next.js and Tailwind CSS.
BizTech UI Moroccan Community for Business And Technology. We believe in community; together we can learn more and build a tech product faster. Websit
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
Pure CSS icons for popular file extensions
CSS file icons Pure CSS file icons for popular extensions lightweight css library Icons Demo Usage Include css-file-icons.css to html or install via n
A library of icons rendered purely in CSS and compiled using SASS.
Welcome to PureIcons.css: This is a library of icons rendered purely in CSS and compiled using SASSs. It is currently at 79 icons. More will be added
A sample GitHub clone : )
This is a Next.js project bootstrapped with create-next-app. live site - https://githubbyme.netlify.app/ Getting Started First, run the development se
CSS sprite to represent iOS shortcut icons
shortcut-icons A CSS sprite to represent iOS shortcut icons. Grab the stylesheet and the default (iOS 15) glyph set, and add a shortcut icon to your H
Basic styling to create calendar icons with pure HTML and CSS
Calendar Icon Basic styling to create calendar icons with pure HTML and CSS Usage Embed the CSS, and markup your date: link type="text/css" rel="styl
jQueryFileExplorer Inspired by jQueryFiletree. Most of the icons in the images folder are from jQueryFiletree.
jQueryFileExplorer Inspired by jQueryFiletree. Most of the icons in the images folder are from jQueryFiletree. Split.js is included and used to provid
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
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
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.
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
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
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
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
The iconic SVG, font, and CSS toolkit
Version 6 Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Documentation Lear
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
Transform your icons with trendy animations.
iconate.js A call to transform your existing icons in a cool trendy way iconate.js is a tiny performant library for cross-browser icon transformation
Use 1400+ 3dicons within Figma or Figjam files quickly
3dicons Figma plugin Use 1400+ 3dicons within Figma or Figjam files quickly. The icons can be searched and filtered by color and angle. Figma Communit
💸 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
🚀 Hero Icons for Flutjs
FLUT-HERO ⚔ Hero Icons for Flutjs Welcome! this package contains a set of icons widgets for Flutjs framework. All the svg source where made by the awe
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.
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
Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack
todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v
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
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
Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable.
Custom icon library Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable. Upon each Material Design
Add icons to the AtCoder standings table according to ratings.
ac-rating-icon AtCoder のコンテスト順位表に、レーティングに対応したアイコンを追加するユーザースクリプトです。 アイデア元: https://twitter.com/e869120/status/1519310341024677888 灰色の細分化について 内部レート 0 以上
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
Pebble - A free funky formalicious icon set for React (& plain ol' SVG & PNG)
A free funky formalicious icon set for React (& plain ol' SVG & PNG) Pebble is an icon set that aims for a friendly character. There's no real
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
🍰 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
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
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
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,
🦸♀️ A super template for Next.js with a pack of incredible tools
Next-Plate 🦸♀️ A super template for Next.js with a pack of incredible tools 🌎 Translations 🚀 Demo → Deploy your own copy of this template in just
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
Showcase your skills on your Github readme or resumé with ease ✨
Showcase your skills on your GitHub or resumé with ease! Powered by Cloudflare Workers ⚡ Docs Example Specifying Icons Themed Icons Icons Per Line Cen
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
You only need 5 icons to meet most needs!
pwa-icons-generator You only need 5 icons to meet most needs! Don't believe me? Check out this awesome article written by the author of PostCSS and Au
Cloud function to generate basic icons, splash screens, and favicons.
Example: https://icogen.vercel.app/api/icon?color=white&padding=300&icon_id=1f1f1-1f1fa Can be used in Expo apps via app.json: { "expo": { "icon
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
A minimalist ToDo list app to add, update and remove tasks easily
To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. We will build a simple website that allows for doing that, and we will do it using ES6 and Webpack!
ICT (Ideas Come Together) - SPA Team Project
ICT (Ideas Come Together) - SPA Team Project This is a team project for our ReactJS module in our webdev program.
🎉 Sensoro Design SVG Icons
Sensoro Design Icons 语义化矢量图形库,提供了描述图标的抽象节点来满足对各种框架的适配。 ✨ 特性 📦 内置了丰富的图标资源 🎉 支持对 React、Vue、React Native、Angular 各种框架的适配 💻 使用 TypeScript 开发,提供完整的类型定义文
Full-Stack Instgram Clone using MERN Stack and Socket.io
Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now 🚀 🖥️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S
A PhotoShot Plugin to get material you colors easily.
material-you 可以快速获取符合 material-you 配色的 PhotoShop 插件。 参考自 Material Theme Builder 安装 初次安装 从 release 中下载压缩包并解压。打开 Photoshop ,运行 文件-脚本-浏览 ,选择安装包中的 安装脚本.js
A modern, easy and customizable app manager for Android with root features and Material Design
ML Manager 1.X A modern, easy and customizable app manager for Android with root features and Material Design. Features Extract installed & system app
Svaasthy project - a part of the Electrothon-4.0 Hackathon
Svaasthy View the presentaton The problems we address... The covid-19 crisis is drawing attention to the already overburdened public health systems in
Spicetify extension to add the icon of a playlist in front of the playlist the playlist list
Spicetify extension to add the icon of a playlist in front of the playlist the playlist list
Online ide where one can run code written in the available language
Online ide where one can run code written in the available language, can choose theme out of 10 themes, can change font size as well as can generate url of their code
Movie App Project was developed with React
Movie App Project This project was developed with React. Project Status : Project live on Login information username: root password: 123456 Used Techn
Bookstore app built using React, Redux, and Styled Components
Bookstore Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and St
A beautiful and easy in hand blog made by Next.js Material-ui
Material-blog A beautiful and easy in hand blog made by Next.js Material-ui! Deploy your own Deploy the example using Vercel: Usage Install node_modul
🧱 Easily extend native three.js materials with modular and composable shader units and effects
three-extended-material Easily extend native three.js materials with modular and composable shader units and effects. Usage npm install three-extended
A type speed checking website which lets you check your typing speed and shows the real-tme leaderboards with mongodb as DB and express as backend
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://
Youtube clone with react and google cloud youtube API😊🤘
Getting Started with Create React App This project was bootstrapped with Create React App. UI / Demo Available Scripts In the project directory, you c
Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture. You can view live app.
Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart. It has strong authe
Show multiple entity states, attributes and icons in a single card in Home Assistant's Lovelace UI
room-card Show multiple entity states, attributes and icons in a single card in Home Assistant's Lovelace UI NOTE: This card is base on the multiple-e
A full-stack application for junior developers to find jobs that match their skill-level, find gigs in order to boost their resume, and showcase a portfolio.
Junior is a full-stack web application that was created to facilitate junior developers in finding jobs that match their skill-level, boosting their resume through finding and completing gigs, and providing a way to easily showcase a portfolio
A React-fullstack platform to track all cryptocurrency in one place.
A React-fullstack platform to track all cryptocurrency in one place. Create your account and add your favorite coins.
Open source privacy notice design patterns.
Design-first privacy notice template The Juro Privacy Notice is an open source project by https://juro.com and https://stefaniapassera.com/. A couple
A realtime code-editor and compiler to ease coding interview process
A realtime code-editor and compiler to ease coding interview process. Users can create their rooms and can invite others to their rooms. So, millions can work on a same code at the same time together !
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase
A quick start Create React App template with react-router-dom, material-ui, gh-pages and firebase. With google authentication, routing and deployment capabilities built in.
React hook library, ready to use, written in Typescript.
usehooks-ts React hook library, ready to use, written in Typescript. npm i usehooks-ts Created by Julien Caron and maintained with ❤️ by an amazing te
solid material ui port (ported from blazor port)
solid-material-ui solid material ui port (porting from blazor port) In preparation for solid hack Turbo Mono-repository is used for component package
🍱 Simple nodejs support for using icons!
🍱 node-icons Usage Checkout its unit tests to see complete usage with output! import Icons from "node-icons"; const icons = Icons({ // auto install
This website was designed to allow viewers complete access to all movie and tv series trailers. It was created using React + MUI
Trailer - Time 👾 Demo https://trailer-time.netlify.app/ 🎯 about This project is a simplified front end clone of some movie webside (like Netflix/Hul
Minimal Design, a set of components for Angular 9+
Alyle UI Minimal Design, a set of components for Angular. Docs Install Alyle UI Installation Components Feature State Responsive Docs avatar ✔️ ✔️ Doc
Covalent: UI Platform based on Angular-Material
Covalent: UI Platform based on Angular-Material Covalent is a reusable UI platform from Teradata for building web applications with common standards a
Lightweight, Material Design inspired go to top button. No dependencies. Pure Angular!
Angular ScrollTop Button Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies. Pure Angular! ✓ Angular 13, Ivy