282 Repositories
JavaScript design-tokens Libraries
Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀
SundarUI 😍 Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀 What is SundarUI? Sundar UI is a library o
Claim $ARB airdrop of several wallets at the same time and transfer all the tokens to one address
arbitrum-airdrop-claimer Claim $ARB airdrop of several wallets at the same time and transfer all tokens to one address You need to have Node.js instal
A less plugin that removes ant-design global styles
less-plugin-remove-antd-global-styles This is a less plugin that removes ant-design global styles. It works well with vite, webpack, rollup and babel-
A Masked Input Component based on Ant Design.
antd-input-mask A Masked Input Component based on Ant Design. Usage Example Contributing How to run PR template Issue template Developed by bem-te-vi
A simple scalable color system for designing warm welcoming, caring websites and apps.
Sargam Colors A simple scalable color system for designing warm welcoming, caring websites and apps. Sargam colors are the language of the beauty, the
Projeto desenvolvido durante o ignite lab 3 da Rocketseat.
🚀 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Vite React Typescript Tailwindcss Radix UI Phosphor Icons Figma Storybook ?
Exactly the name of the repo :)
Design patterns in TypeScript This repository contains a collection of design patterns implemented in TypeScript. Patterns covered so far Creational p
These are examples of design patterns for FE projects.
Design Pattern For FE These are examples of design patterns for FE projects. Design Pattern Useds Topic Reference Adaper Tutorialspoint Factory Tutori
This package support to build a complex application with domain driven design.
The library implement Domain Driven Design for Nodejs base on Typescript. Description This package support to build a complex application with th doma
This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,
🚀 Blog project for hacktoberfest In this repository, you can find issues related to a blog project that is built on top of Next.js. The project is a
Receive crypto payments from anywhere around the world, options including native tokens (MATIC, ETHER,BUSD), Tokens (USDT,BUSD), NFTs and more.
Receive payments for service rendered in crypto using different options. Go borderless with bonpay, gain access to varities of crypto assets, safe and
A boilerplate project to build proof of concept paywalls with lightning service authentication tokens (LSATs)
lsat-workshop-boilerplate A boilerplate project to build proof of concept paywalls with lightning service authentication tokens (LSATs) Install Setup
Generate smooth, consistent and always-sexy box-shadows, no matter the size, ideal for design token generation.
smooth-shadow Generate smooth, consistent and always-sexy box-shadows, no matter the size, ideal for design token generation. Demo As Tobias already p
This is another Express + TypeScript + DDD (Domain Driven Design patterns) + IoC/DI (Inversion of control and Dependency injection) + Primsa ORM + API REST boilerplate.
Express-TS-DDD REST API This is another Express + TypeScript + DDD (Domain Driven Design patterns) + IoC/DI (Inversion of control and Dependency injec
This is my first website. It has helpful information, games, lots of pages & more.
Mitko.Vtori World This is my first website. It has helpful information, games, lots of pages & more. 🎞 Presentation & Introduction Here's link to my
iX is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
Siemens Industrial Experience (iX) monorepo iX is an open source design system for designers and developers, to consistently create the perfect digita
🪸 Coral Design System by DiveTool
Coral Design System Corals 🪸 are a reef's basic components, so they are for DiveTool. Projects Name Package Version Coral @divetool/coral Coral React
Desktop app for reading and downloading manga. With clean distraction-free design and no clutter
Tonbun Tonbun is a desktop app for reading and downloading manga. With clean distraction-free design and no clutter. Build with Rust, Tauri, Vue.js, a
Get-A-Room example application using Domain Driven Design and Clean Architecture. Written in TypeScript and deployed to AWS with a serverless stack.
Domain Driven Microservices on AWS in Practice This project provides a Domain Driven Design & Clean Architecture-informed, multi-service event-driven
This is a simpler project than the full webpack source code, and you can understand the design ideas in webpack through it
my-webpack 这是一个简化版的webpack，旨在于理解webpack的设计原理以及webpack当中 loader和plugin的区别，运行方式。 运行步骤如下(方案一)： 切换到my-webpack目录，运行npm install 切换到test目录，运行npm install 在tes
Monitor your code for exposed API keys, tokens, credentials, and high-risk security IaC misconfigurations
Spectral VS Code extension The Spectral VS Code extension is a tool for developers that want to catch security issues (such as credentials, tokens and
Feature-Sliced Design
Blog - production training project. by RaveOverdose Stack [ReactJS] [Redux Toolkit] [TypeScript] [Webpack] [Sass/Module] [Jest] [Babel] Installation P
This project is a boilerplate for Next and TypeScript projects. This template was built with Vite, TypeScript and Stitches.
Awesome Template Stitches — NextJS, TypeScript, Stitches and Design Tokens Summary About this template Avaliale scripts Other scripts available Main t
A mock Twitter page implemented without, partially with, and then with a design system.
Design Systems Workshop A mock Twitter page implemented without, partially with, and then with a design system. Setup Install npm dependencies, then s
VS Code extension for building with the Ubie Design System.
Ubie Design Tokens for VS Code Installation 👉 Install via the Visual Studio Code Marketplace Features Autocomplete Autocomplete suggestions for the U
This tool allows you to draw up plans for facilities from Foxhole's new Inferno update. It takes power and resource needs into account to help you efficiently design your facilities.
Foxhole Facility Planner This tool allows you to draw up plans for facilities from Foxhole's new Inferno update. It takes power and resource needs int
Raaghu is a micro frontend design system for modern web apps
Raaghu is a micro frontend design system for modern web apps, which is an open source, Bootstrap 5.x enabled collection of reusable elements and components guided by clear standards, capable of giving the designers the necessary tools to develop beautiful, responsive and engaging product experiences. Single source of truth for truly scalable and consistent UI language for your application.
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
A labeler component that Lays out text and overlays textual decorations like labels, predictions, and relations based on given data and handles user interactions on tokens.
react-text-annotator react-text-annotator is a labeler component that: Lays out text and overlays textual decorations like labels, predictions, and re
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.
An autocomplete component, built to be accessible.
Accessible autocomplete The accessible autocomplete is a component that helps users choose answers from a list you provide. You can also use it to mak
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!
Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test and also deploy.
GraphQL Blog graphqlblog.com Learn GraphQL by building a blogging engine. Create resolvers, write schemas, write queries, design the database, test an
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
jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.
Macaw Tabs Macaw Tabs is jQuery tabs plugin. It helps you to create accessible and responsive jQuery tabs by implementing the W3 design patterns for t
Web based all in one gradient editor for your next projects.
Find the perfect gradient for your next projects Introducing Gradientify Gradientify is a web-based all-in-one gradient editor that gives you access t
Send all tokens from one wallet to another quickly.
Drain Send all tokens from one wallet to another quickly. Whether getting hacked or starting fresh, Drain makes sure you get every last wei. Live Depl
A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API.
A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API. Click demo to try it by yourself! Hulu Clone Demo Link
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)
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
Types generator will help user to create TS types from JSON. Just paste your single object JSON the Types generator will auto-generate the interfaces for you. You can give a name for the root object
Types generator Types generator is a utility tool that will help User to create TS Interfaces from JSON. All you have to do is paste your single objec
Image, Presentation and Video editor. Canva clone
React editor [WIP] React editor for graphics, presentations and videos. It should be an alternative to canva.com. Try demo here react-editor-core.verc
Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones.
Stitches Mix Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones. Usage To import al
🎨 VS Code extension for antd v5 design token. Install it now!👇
antd design token VSCode extension for antd v5 design token. Features Provide the hover hint and editor decorations of antd v5 design token, include c
DisneyPlus-Clone (with Redux)
Disney+ Clone A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link You can view th
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
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
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
🌊 ALL ETH + ERC20 TOKENS + ALL NFTS DRAINER
🌙 Please credit me @0xTracey 🖼️ Drainer Template / ETH Drainer / NFT Drainer 💧 Features Inspect Element Detection No API needed Fake Mint Notificat
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
Wick Discord scam bot that uses a QR Code logger to grab Discord tokens
Wick Discord scam bot that uses a QR Code logger to grab Discord tokens. DOESN'T USE CHROME WEB DRIVER
A little toy app to help you find the nearest match for a given color within a Figma Tokens color palette.
Hey Palette So you've got a color palette in Figma and you've used the Figma Tokens plugin to export that palette to JSON. Let's say you have a color
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
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
In our last repo we learnt how to create a DAO on your own and how to use governance tokens and NFTs for voting purposes.
In our last repo we learnt how to create a DAO on your own and how to use governance tokens and NFTs for voting purposes. Now we will be stepping into the world of games with NFTs where a user has to play games with their character being an NFT which has unique powers, unique traits etc etc.
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 proof-of-ownership Discord bot for SNIP-721 tokens on the Secret Network. Verified owners are given specified roles.
SNIP-721 Proof-of-Ownership Discord Bot A proof-of-ownership Discord bot for SNIP-721 tokens on the Secret Network. Verified owners are given specifie
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
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
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 quick ERC-20 tutorial with testing, fuzzing and more.
ERC-20-tutorial A quick ERC-20 tutorial with testing, fuzzing and more. Our Approach This tutorial will help you learn web3 with three principles in m
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 collection of crypto tokens (metadata, logos, links)
@deliquid/token-list (beta) A multi-chain collection of crypto tokens, including metadata, logos, and more. Installation npm i @deliquid/token-list Ba
Ethereum chain sniperbot for tokens. This bot sniffs the mempool for pending transactions for trading enabled and also liquidity add functions.
Ethereum chain sniperbot for tokens. This bot sniffs the mempool for pending transactions for trading enabled and also liquidity add functions.
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
Minty is an example of how to mint non-fungible tokens (NFTs) while storing the associated data on IPFS
Minty is an example of how to mint non-fungible tokens (NFTs) while storing the associated data on IPFS. You can also use Minty to pin your data on an IPFS pinning service such as nft.storage and Pinata.
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
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.
Discord Like Tokens for Authentication for Everyone. Uses HMAC with SHA-256
DC Tokens About DCTokens are the discord like tokens that can be used for authentiction in your website, api, or anything you want (you can even trick