274 Repositories
JavaScript motion-design Libraries
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
Taskem is a task manager that help you stay organized while boosting your creativity at the same time.
Taskem Introduction Taskem is a task manager that helps you stay organized while boosting your creativity at the same time. Our main goal is to help e
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
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
🏦 Defi Bank is a dapp created for ethereum 101 course of cadena.dev
Welcome to DefiBank 👋 Defi Bank is a dapp created for ethereum 101 course of cadena.dev ✨ Demo Install npm install Usage npm run dev Tech NextJS Reac
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
⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
Rocketmeme A multipurpose meme marketplace and editor for creating and downloading memes. View meme collection, browse different meme categories, like
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
Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).
spring-easing NPM | Github | Docs | Licence Quick and easy spring animations. Works with other animation libraries (gsap, animejs, @okikio/animate, mo
🦸♀️ 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
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
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
My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.
chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne
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
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://
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 开发,提供完整的类型定义文
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.
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
Portfólio de projetos pessoais feito com NextJs e lib de animação Framer Motion
Portfólio - Carlos Amorim Esse portfólio foi criado para mostrar meus projetos e habilidades. 🚀 Projeto criado com as seguintes tecnologias: ✔️ NextJ
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 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
An animation library, built on the Web Animations API for the smallest filesize and the fastest performance
motion-signals A wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
Using a Leap Motion Controller from Ultraleap for finger tracking in VRChat without mods
Leap Motion Controller finger tracking for VRChat OSC Using a Leap Motion Controller from Ultraleap for finger tracking in VRChat without mods. Descri
Music-Player - Music player application built with HTML, CSS and vanilla JavaScript
Music-Player Music player application built with HTML, CSS and vanilla JavaScrip
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
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
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
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
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
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
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
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.
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
Simple and customizable React UI components.
poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p
A react and framer motion app to play some quizzes !
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Ios-calculator-js - Calculator made with vanilla javascript and custom css based on the design of iOS devices.
ios-calculator-js This is a practice project in which I try to replicate iOS calculator's both logic and styling. In case you spot room for improvemen
Vue-cursor-fx - 🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
🎉 Vue Cursor Fx An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible Installation This package is a
Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.
Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.
Hacker-news-with-react - 👾 Consuming the hacker news api, i created a more modern design for than the current site.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Auth-Form-Design - Beautiful Auth Form Designed using React 🥰.
🙋 Auth Form Design 🥳 Features 1. Check Your Password Strength 2. Can Use Suggested Password 3. Enjoy Responsive Design Getting Started with Create R
Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js.
Dash Self-Driving Car Simulator Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js. This project
Orange Design System theme for Storybook
ODS Storybook Theme Orange Design System Storybook Theme provides a Storybook theme for Orange. Quick start Install with npm: npm install ods-storyboo
Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máximo de criatividade possível😜
Steck Cars Demonstração : Sobre Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máxi
Create responsive design with the help of css queries
react-native-css-stylesheet Create responsive design with the help of css queries Installation npm install react-native-css-stylesheet Usage Define st
official Alibaba Design system vue components snippets for visual studio code
Alibaba DLS Snippets for vscode Installation You can either install this extension by searching for Alibaba DLS Snippets in your vscode extensions sto
Adaptation of the popular mkdocs-material material design theme to the sphinx documentation system
Sphinx-Immaterial Theme This theme is an adaptation of the popular mkdocs-material theme for the Sphinx documentation tool. This theme is regularly ma
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Pure CSS (no JavaScript) implementation of Android Material design "ripple" animation
Senior Design Project. Water intake tracker. Software for the communication to bottle and app. Software for app and database
WaterMate Senior Design Project. Water intake tracker to provide everyone with an easy to use water tracking system that can be integrated with your f
Team project within the course of Software System Design and Analysis.
📗 InnoBookCrossing - Application for sharing books at Innopolis gh-md-toc 🔍 General Information Description The application is designed to help peop
A collection of free logos for open source projects
Libre Logos Libre Logos is a library of free logos. The logos are intended for open source projects and NGOs. Designers are invited to contribute. The
Theatre.js is an animation library for high-fidelity motion graphics.
Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.
React Native & Expo music player application UI
Would you like to support me? Musicont React Native & Expo music player application UI Demo: https://expo.io/@jsxclan/musicont APK: Download on Google
Work from is a web app created by Josh Cawthorne for the Supabase Hackathon.
Work From What is Work From? Work from is a web app created by Josh Cawthorne for the Supabase Hackathon. The concept of the app is for companies to b
A simple javascript calendar with a glassmorphic UI
Calendar A simple javascript calendar with a glassmorphic UI Techs Used: HTML 5 CSS 3 Vanilla JavaScript Purpose: The javascript file contains the log
Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.
Fort-Shop Fort-Shop is a unique project which generates the current Fortnite Item Shop into a stylized image, similar to the new In-Game design (refer
A shopping mobile application made with react native for Android.
Shop App Description This project is a simplified implementation of a shopping system, the project aims to provide the basic features that are expecte
Visual debugger for framer-motion
Visual debugger for framer-motion Demo install npm install tracer-motion --save-dev # or yarn add tracer-motion --dev usage import { motion } from
A customizable lightweight Alert Library with Material UI and awesome features.
SoloAlert A customizable lightweight Alert Library with Material UI and awesome features. view soloalert on npm : https://www.npmjs.com/soloalert Inst
Enjoy creating cover image for your hashnode blog like never before, get started in seconds 🎉
Slickr ✨️ View Demo · Report Bug · Request Feature Introducing Slickr ✌️ Slick is the most powerful and the easiest app to create beautiful cover imag
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard
Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad
Cool Boostrap design for Shopping Cart and Products.
Cool Boostrap design for Shopping Cart and Products. You can fine the code for the Bootstrap Shopping Cart design in the "shopping-cart.html" file. Yo