319 Repositories
JavaScript domain-driven-design 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
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
A testing focused Remix Stack, that integrates E2E & Unit testing with Playwright, Vitest, MSW and Testing Library. Driven by Prisma ORM. Deploys to Fly.io
Live Demo · Twitter A testing focused Remix Stack, that integrates E2E & Unit testing with Playwright, Vitest, MSW and Testing Library. Driven by Pris
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
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
Jester is a test-generation tool to create integration test code.
Code Generator for Integration Tests Introduction Welcome to Jester: An easy-to-use web application that helps you create and implement integration te
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
Feature-Sliced Design
Blog - production training project. by RaveOverdose Stack [ReactJS] [Redux Toolkit] [TypeScript] [Webpack] [Sass/Module] [Jest] [Babel] Installation P
20th project project at Driven Education.
RepoProvas 20th project project at Driven Education. A system for sharing tests between students. Technologies 🧑🏻🏭 Working Flow User creates a log
Backend Stack of Project #18 from Driven Fullstack Bootcamp, coded in TypeScript
SISTEMA VALEX Introdução O projeto consiste em um serviço de emissão de cartões (vales) para empresas. O sistema permite as seguintes funcionalidades
Projeto 20° da Driven Education - RepoProvas (Back)
RepoProvas 20th Project of Driven Education An API to manage and storage yout tests Built With Project Guide Features Auth (sign-in/sign-up) Create te
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
An AWS Cloud Native application using CDK that defines a Serverless Event Driven application for interacting with Twitter and utilising Machine Learning / AI as a Service.
AWS Serverless Event Driven Twitter Bot An AWS Cloud Native application using CDK (Written in TypeScript) that defines a Serverless Event Driven appli
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
Backend stack of Project #20 from Driven's Fullstack Developer bootcamp
SISTEMA REPO PROVAS Inicialização O sistema será montado a partir do comando npm i, que fará a instalação das bibliotecas e dependências do projeto. T
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
CancerDB: A public domain knowledge graph about cancer treatments that compiles to a CSV file.
CancerDB: A public domain csv file to help build the next great cure CancerDB is a public domain database and website containing facts about all types
A community-driven repository showcasing examples using Remix 💿
Remix Examples Welcome to @remix-run/examples! If you have an example you'd like to share, please submit a pull request! This is a community-driven re
may-be.gay is a service in which you can register your own sub-domain for your personal website
may-be.gay is a service in which you can register your own sub-domain for your personal website. How to register New method (Recommended) Create a new
Backend Stack of Project #19 from Driven's Fullstack Bootcamp
SISTEMA DRIVENPASS Introdução O projeto consiste em um serviço de armazenamento seguro de credenciais: Os tipos de credenciais que podem ser guardados
19th project project at Driven Education.
DrivenPass 19th project project at Driven Education. A password manager API. Technologies 🏁 Running this project Before starting, you will need to ha
Projeto 20° da Driven Education - RepoProvas (front)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
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!
Hadmean is an internal tool generator. It is language agnostic, schema driven, extremely customizable, featured packed, user-friendly and has just one installation step.
Hadmean Report a Bug · Request a Feature · Ask a Question Table of Contents About Quick Demo Motivation Why you should try Hadmean Getting Started Pre
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
Email Genie Allows autocomplete on email field by providing a list of domain suggestions (gmail.com, outlook.com, etc.).
Allows users to easily and quickly complete an email field by providing a list of domain suggestions (gmail.com, outlook.com, etc.). This package stands out for its flexibility, its compatibility with libraries / frameworks, but especially its use of basic HTML and Javascript functionalities that maximize the native behavior of desktop AND mobile browsers.
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
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
jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
Structured-Filter · Structured-Filter is a generic Web UI for building structured search or filter queries. With it you can build structured search co
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
🎨 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
A React hook to fetch ENS records from a domain.
use-ens A React hook to fetch ENS records from a domain. Install pnpm i use-ens Example import React, { useEffect } from 'react' import { useWeb3React
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
Zemi is data-driven and reverse-routing library for Express. It provides out-of-the-box OpenAPI support, allowing you to specify and autogenerate an OpenAPI spec.
zemi zemi is a data-driven routing library for Express, built with Typescript. Features: optional, out-of-the-box support for OpenAPI reverse-routing
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
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
V2.0 🚀 AI Driven PancakeSwap Prediction Bot🔮
🔮 🚀 PancakeSwap Prediction Bot (improved) v2.0 PancakeSwap Prediction Bot using AI recomendations. Folked and improved from this repository. ⭐ Pleas
14th project from Driven Full-Stack Web Dev Bootcamp
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
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
Database driven code generation for ts-sql-query
ts-sql-codegen This utility generates table mapper classes for ts-sql-query by inspecting a database through tbls. While it is possible to use ts-sql-
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
17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course
Linkr | Front end WIP Full Stack Development Project Browse JSX code» - Back end code» Built With Study Playlist In this section I included all Youtub
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
17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course
Linkr | Back end WIP Full Stack Development Project Browse Nodejs code» - Front end code» Built With Study Playlist In this section I included all You
HackFest is a 36-hour long hackathon wherein you have to put on your hacker hats and build anything that falls in either or both the domain of full-stack web development
HackFest is a 36-hour long hackathon wherein you have to put on your hacker hats and build anything that falls in either or both the domain of full-stack web development (the stack we learn in full-stack web developer roadmap on codedamn).
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
serverless plugin to setup custom domain for lambdas deployed with function url.
serverless-aws-function-url-custom-domain Automatically creates AWS CloudFront distribution and Route 53 records to AWS Lambda with Function URL (no a
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