306 Repositories
JavaScript material-design-3 Libraries
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
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
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
🍰 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
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
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
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
Design and apply pixel art to reddit's /r/place
Reddit /r/place BOT Design and apply pixel art to reddit's /r/place Install NOTE: If you are using M1 mac and have issue installing node-canvas, see t
The Next.js reference implementation on how to design better APIs
This is the Next.js reference implementation of my blog bost on How to design better APIs. Getting Started Clone the repository git clone https://gith
The design experiment for import.meta.glob from Vite.
vite-plugin-glob The design experiment for import.meta.glob from Vite. Motivations There are quite some scenarios that import.meta.glob wasn't conside
Missing Person Finder re-design
Missing Person Finder With ReactJs #Technology Used React Routing with React-routing-dom Redux with Redux Persist API calling with axios Ant design UI
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!
This is the semester project for the course "Databases" at ECE-NTUA, in 2021.
Hotel Management project Semester Assignments for Databases course, summer semester 2021 Concept The project's concept is to create a system that mana
Google Clone using NEXT JS ,SSR, Tailwind and Google API's to search data.
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://
🎉 Sensoro Design SVG Icons
Sensoro Design Icons 语义化矢量图形库,提供了描述图标的抽象节点来满足对各种框架的适配。 ✨ 特性 📦 内置了丰富的图标资源 🎉 支持对 React、Vue、React Native、Angular 各种框架的适配 💻 使用 TypeScript 开发,提供完整的类型定义文
An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve and modify the bot state, respectively.
CQRS Wechaty An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve
A modern, clean design can be customized and applied for a wide range of purposes
Gatsby starter for projects portfolio with Flotiq source Kick off your project with this hello-world boilerplate. This starter ships with the main Gat
Mathemagician is a web app for all fans of mathematics.
"Mathemagician" is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.
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
The most often-used OOP design patterns in TypeScript
The most often-used OOP design patterns Generating patterns Factory method Abstract factory Builder Prototype Singleton Structural patterns Adapter Br
A list of Design Systems built in Brazil 🇧🇷
A list of Design Systems built in Brazil 🇧🇷
Amelia is an open-source creative-coding toolkit for modern JavaScript
amelia Amelia is an open-source creative-coding toolkit for modern JavaScript. Amelia is a collection of APIs meant to make it easy to create sketches
Search for food, recepies, and full detailed information on how to prepare them.
Foodipy | JavaScript Capstone This is a group project being built in our second module of our curriculum at microverse. its a web application for list
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
An interface for an Automatic Ticket Vending Machine
ATVM-INTERFACE It is an interface for an Automatic Ticket Vending Machine. Try The Web Application! - Book your Ticket At Railway Stations, ATVMs (Aut
An open-source library to help with creating expandable text
🔭 Telescopic Text An open-source library to help with creating expandable text. Inspired by StretchText and TelescopicText. I've been thinking a lot
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
Music-Player - Music player application built with HTML, CSS and vanilla JavaScript
Music-Player Music player application built with HTML, CSS and vanilla JavaScrip
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
Serialization library for data-oriented design structures in JavaScript
Data-oriented Serialization for SoA/AoA A zero-dependency serialization library for data-oriented design structures like SoA (Structure of Arrays) and
🧱 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
Essa API tem como objetivo auxiliar na produção de documentação de métodos e design packs, fornecendo de maneira visual a documentação de cores para api's
DocColors-API Essa API tem como objetivo auxiliar na produção de documentação de métodos e design packs, fornecendo de maneira visual a documentação d
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
An interactive encyclopedia of Pokémon.
Pokédex An interactive encyclopedia encompassing data on the various mythical creatures found throughout the world of the universally-loved, multimedi
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
Portfólio fictício de fotografia criado com os conhecimentos do curso da Origamid.
S.Klafer - Photographer 📚 Sobre Portfólio fictício de fotografia criado com os conhecimentos do curso da Origamid. 📰 Seções O site é composto por 6
LunaSec - Open Source Security Software built by Security Engineers. Scan your dependencies for Log4Shell, or add Data Tokenization to prevent data leaks. Try our live Tokenizer demo: https://app.lunasec.dev
Our Software We're a team of Security Engineers on a mission to make awesome Open Source Application Security tooling. It all lives in this repo. Here
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
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
DORAI UI Accessible, unstyled, open-sourced and fully functional react component library for building design systems Documentation site coming soon St
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
Web UI kit following simply superb.'s design system, based on Tailwind CSS.
ui-kit TailwindCSS powered UI kit following simply superb.'s design system. ➡️ Demo available here Why I am building few applications (iOS / Android /
A demo for E2E build piplelines in Design Systems using monorepo's and automation :zap:.
Design System Pipelines demo What is it? A working demonstration for end-to-end build piplelines in Design Systems using Primer Primitives, Primer CSS
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
Wallpik is a stock images & wallpapers downloading web app built with vanilla JavaScript & Pexels API
Wallpik the stock photos & wallpaper web app (Preview) Wallpik Wallpik is a single page application built with HTML, CSS, Vanilla JavaScript & Pexels
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
An enterprise-class UI components based on At UI Design and Angular. 🚀 🚀 🚀
An enterprise-class UI components based on At UI Design and Angular. 🚀 🚀 🚀
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
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
Customizable Angular UI Library based on Eva Design System
Nebular Documentation | Stackblitz Template | UI Bakery - Angular UI Builder | Angular templates Nebular is a customizable Angular 10 UI Library with
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
Native Angular components & directives for Lightning Design System
ng-lightning This library contains native Angular components and directives written from scratch in TypeScript using the Lightning Design System CSS f
Angular UI Component Library based on Ant Design
NG-ZORRO An enterprise-class Angular UI component library based on Ant Design. English | 简体中文 ✨ Features An enterprise-class UI design system for Angu
Component infrastructure and Material Design components for Angular
Official components for Angular The Angular team builds and maintains both common UI components and tools to help you build your own custom components
Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT
MDB 5 Angular Angular 12 & Bootstrap 5 & Material Design 2.0 UI KIT Get Started in 4 steps MDBAngular 5 Demo 500+ material UI components Super s
The PatternFly Design Kit is a Sketch library used for creating PatternFly accurate design mockups
PatternFly Design Kit The PatternFly Design Kit is a collection of Sketch assets that make it easy for designers to create high-fidelity design mockup
An implementation of GitHub's Primer Design System using React
Primer React A React implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/react. You'll be able
Ember implementation of Google's Material Design
No longer maintained This project is no longer maintained. For an up-to-date material design project, please use Ember Paper. Ember-material-design Th
Material Design Lite for Ember.js Apps
ember-material-lite Google's Material Design Lite for Ember.js apps This addon requires ember = 1.11.0 Installation # ember-cli 0.2.3 ember install
Lightweight web components library built with LitElement.
Aybolit Aybolit is a lightweight, standards-based, framework agnostic UI components library built with LitElement. Aybolit is a fictional character fr
Material Design Web Components
Material Web IMPORTANT: Material Web is a work in progress and subject to major changes until 1.0 release. Material Web is Google’s UI toolkit for bui
Material Design implemented in Web Components (Custom Elements v1)
Material Web Components Material Design implemented in Web Components (Custom Elements v1) https://dannymoerkerke.github.io/material-webcomponents/ Ge
MDUI 是一个基于 Material Design 的前端框架。
MDUI MDUI 是一个基于 Material Design 的前端框架。 QQ群:635509201 中文文档 特性 轻量级 CSS 文件仅 32KB minified + gzip JavaScript 文件仅 19KB minified + gzip 多主题 CSS 文件中已经包含了 19种
A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
WeUI - tailor-made for WeChat web service 中文版本 Introduction WeUI is an WeChat-like UI framework officially designed by the WeChat Design Team, tailor-
Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility
Animate Plus Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and
A JavaScript API for drawing unconventional text effects on the web.
A JavaScript API for drawing unconventional text effects on the web. Home — Help Overview When applying effects to text on the web, designers have tra
🧞♂️ MESH·Y is a design tool to generate beautiful & colorful mesh gradients
Meshy is a design tool to generate beautiful & colorful mesh gradients. Generate multiple random variations of Mesh gradients along with cool color customizations. Export PNG image with custom resolution.
React Firebase Material-UI insta reels app
React Firebase Material-UI insta reels app Website link : here P.S :- Open the website in laptop or desktop browsers This website is made for my learn