2229 Repositories
JavaScript html-css-typescript Libraries
A typography stylesheet for readable content
yue.css yue.css is a typography stylesheet for readable content. It was created for my blog at first since I always designed a new theme for my blog.
CSS library for Instagram filters
CSSgram CSSGram is an Instagram filter library written in Sass and CSS. What is This? Simply put, CSSgram is a library for editing your images with In
Instagram.css - Complete set of Instagram filters in pure CSS
Instagram.css Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to t
Renders HTML into the browser's canvas
rasterizeHTML.js Renders HTML into the browser's canvas. See the API. Install $ npm install rasterizehtml Then include a script tag with node_modules
Generates an image from a DOM node using HTML5 canvas
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
jQuery CSS Customizable Scrollbar
jQuery Scrollbar Cross-browser CSS customizable scrollbar with advanced features: Easy to implement No fixed height or width Responsive design support
The iconic SVG, font, and CSS toolkit
Version 6 Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Documentation Lear
A curated collection of all country flags in SVG — plus the CSS for easier integration
flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w
Reveal CSS animation as you scroll down a page
WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set
CSS classes to move your DOM!
CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak
CSS3 Animations with special effects
🎩 magic CSS3 Animations with special effects. (→ 3.1 kB gzip) Demo Checkout the demo for the animations here Table of Contents Installation Getting S
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
Intro iHover is a collection of hover effects using pure CSS, inspired by this codrops article, powered by Sass. Demo: https://gudh.github.io/ihover/d
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. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.
Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u
A JavaScript Library To Make Your Work Work Easier/Faster
Functionality.js About ✍️ This Is A JavaScript Library To Make Your Work Easier/Faster, You Can See Functionalty.js Website From Here Project Created
Well-tested utility functions dealing with async iterables
aitertools This library provides a well-tested collection of small utility functions dealing with async iterables. You can think of it as LINQ or aite
Web app for adding your daily tasks in todo list
Web app for adding your daily tasks in todo list. You can check task when your task is finished and it will be mark as finsih. Also you can delete and change description of tasks.
Refractor to use JavaScript classes and functionalities to build a booklist web application.
BOOKLIST-APP This is a personal project that aims at using JavaScript classes to build a medium-fidelity wireframe such that a user can add or remove
The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
Awesome-Books-ES6 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
This is an example of a web app for adding books to your own library
This is an example of a web app for adding books to your own library. You can add or delete books. It will be saved on local storage, so when you refresh the page, the books will not be deleted.
Let's build better mobile apps
applogger Overview applogger is a React Native mobile application framework that helps in minimizing QA issue-reporting time and developer debugging t
This is a demo project for the SecTester JS SDK framework, with some installation and usage examples
SecTester SDK Demo Table of contents About this project About SecTester Setup Fork and clone this repo Get a Bright API key Explore the demo applicati
An extension of the Map class with more Array-like features.
BetterMap An extension of the Map class with more Array-like features. Installation There ain't no installation. It's a Deno module. Usage import { Be
A SPW (Single Page Website) that can track your favorite books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.
awesome-books It is a project for Microverse's JavaScript Module to be done using pair-programming. Desktop Version Mobile Version In this website you
Create Nuxt3 apps with zero effort.
Create Nuxt3 Create Nuxt3 apps with zero effort. Features Select UI frameworks and install it from list Install extra modules like '@nuxt/content' Ins
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
🗳Nextjs app to create and share polls
Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies
Custom navigations for Solid written in Typescript. Implement custom page transition logic and ✨ animations ✨
solid-custom-navigation Get, Set, Go! Custom navigations for Solid, written in Typescript. Implement custom page transition logic and ✨ animations ✨ .
Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS
Usage Those templates dependencies are maintained via pnpm via pnpm up -Lri. This is the reason you see a pnpm-lock.yaml. That being said, any package
POC. Simple plugin-based meta-programming platform on top of Typescript
comp-plugins POC Running: yarn to install dependencies yarn dev to run the script The what The script creates a new typescript compiler instance (prog
Web Application to Buy/Sell Scrap Items
nexscrap-classified Description : Web Application to Buy/Sell Scrap Items Requisite : Make sure you have Python3 and Pip installed in your System How
Making(Creating , Modifying , Deleting) Lists you have to do 😎 Built Only with Html, JavaScript, Css
To-Do_App Live Demo You Can See The Project Live On: Here Description A Simple To-Do App Mainly Written In Javascript The project structure is kinda l
It's a mini project where we can search GitHub users and it will display the user repo details
GitHub User Search It's a mini project where we can search github users and it will display the user repo details Want to see live preview » ✧ View De
A starter template for Remix + Cloudflare Workers + DO + KV + Turborepo
Remix + Cloudflare Workers starter with Turborepo 🚀 Starter to get going with Remix and Cloudflare Workers. This template is based on the starter cre
This is an example of Quantum physics congress.
This is an example of Quantum physics congress. This is an imaginary congress in which are shown 2 pages with information about the congress, about activities which will be held there and speakers who will speak about the topic
Add or remove your books from the website ES6 is used!!😉
Awsome Books with ES6 SYNTAX This is a website that allows users to dynamically add or remove books from a list. Built With HTML CSS JavaScript ES6 Li
This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built with HTML, CSS, JavaScript.
Awesome Books with ES6 This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built
Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here
Team-8 E-Commerce Project Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here Table of Contents P
Texas DPS/DMV Automatic Scheduler
texas-dps-scheduler This app will find sameday or nearest 7 day appointments and schedulle it automatically! Why this project exist? It's so frustrati
OpenAPI support for tRPC 🧩
trpc-openapi OpenAPI support for tRPC 🧩 Easy REST endpoints for your tRPC procedures. Perfect for incremental adoption. OpenAPI version 3.0.3. Usage
Sequential workflow designer written in TypeScript with no dependencies.
Sequential Workflow Designer Sequential workflow designer with no dependencies for web. It's written in pure TypeScript and uses SVG for rendering. Th
A cli tool for fetching information about countries.
countryfetch A cli tool for fetching information about countries. It uses https://restcountries.com/ API for backend. Dependencies DENO Installation D
CLI tool to add @ts-expect-errors to typescript type errors
suppress-ts-errors Cli tool to add comments to suppress typescript type errors. Add @ts-expect-error or @ts-ignore comments to all locations where err
Remix Stack for deploying to Vercel with remix-auth, Planetscale, Radix UI, TailwindCSS, formatting, linting etc. Written in Typescript.
Remix Synthwave Stack Learn more about Remix Stacks. npx create-remix --template ilangorajagopal/synthwave-stack What's in the stack Vercel deploymen
Transpile TypeScript on the fly and deliver it from your server as ES Modules.
ts-serve TypeScript + ES Modules Transpile TypeScript on the fly and serve it from your server as ES Modules. import { serve } from "https://deno.land
An npm package with Tailwind CSS utility classes for creating responsive grid columns without media queries using auto fit.
Grid Auto Fit for Tailwind CSS A plugin that helps you create a responsive grid layout in Tailwind CSS without using media queries. It uses the auto-f
Coloca as últimas pessoas que te seguiram no Twitter dentro do banner da sua conta ;D
Twitter Banner Followers Coloca as últimas pessoas que te seguiram no Twitter dentro do banner da sua conta ;D Instalação: Estou assumindo que você po
A Remix.run stack to monitor your BullMQ queues
Remix Matador stack A bold interface that helps you monitor your BullMQ queues. Learn more about Remix Stacks. $ npx create-remix@latest --template nu
Send Web-Vitals from Vercel to Axiom.
next-axiom Send Web-Vitals and logs from Next.js to Axiom. Get started Make sure you have the Axiom Vercel integration installed or export NEXT_PUBLIC
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team.
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team. The user can create an account to monitor their results and achievements. The whole idea of the product is to make the player think and develop his logical thinking.
Typescript version of MarkovJunior, runs on the web (with pathtracer)
MarkovJuniorWeb Typescript version of MarkovJunior, runs on the web: https://yuu6883.github.io/MarkovJuniorWeb/ Everything have been implemented inclu
front-end framework for fast and powerful configuration of utilities and intuitive UI
front-end framework for fast and powerful configuration of utilities and intuitive UI Getting Started with Vector → Getting started A variety of optio
Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes.
render-gfm Render (GitHub Flavoured with syntax highlighting) Markdown, and generate CSS for each of GitHub’s themes. GitHub Repository npm Package Do
Yet another linter rule to detect compatibility of CSS features.
stylelint-browser-compat Yet another linter rule to detect compatibility of CSS features. This plugin checks if the CSS you're using is supported by t
An Obsidian plugin to upload your notes' metadata to your database.
Obsidian + PostgreSQL = ❤️ An Obsidian plugin to upload your notes' metadata to your database. Features send the Dataview annotations of a page to a P
Microservice starter template with express.js & typescript
NodeJS + TypeScript [A starter template for REST API & microservices] Getting Started First, clone the repository: git clone https://github.com/MdMost
Deploy Serverless Functions at the Edge. Current status: Dev
Deploy Serverless Functions at the Edge lagon.app ✉️ Get email updates Open Source • TypeScript • Web APIs Cron triggers • Instant deployments Interac
💸 Use case style digital image marketplace like nft. I developed this system by gathering a lot of my frontend/backend knowledge
❗ WARNING This project is just an educational system, NOT a system made to carry out large transactions and with the same focus as nft. I developed th
A Stylis 4.x plugin that translates pixel units to rem units
stylis-px2rem-plugin A Stylis 4.x plugin that translates pixel units to rem units. Installation With npm $ npm install stylis-px2rem-plugin With yarn
INeedHelp is a Game Boy, Game Boy Advance, and Nintendo DS emulator written in JavaScript and TypeScript.
INeedHelp INeedHelp is a Game Boy Advance and Nintendo DS emulator written in JavaScript/TypeScript. FAQ Why is it called INeedHelp? You would need he
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
Ready-to-use Remix + Tailwind CSS routes and components.
remix-blocks What is RemixBlocks? Ready-to-use Remix + Tailwind CSS routes, and UI components, all blocks: Are full-stack routes. Are independent of e
This is a web application that enables users to add, edit and remove tasks they intend to perform. Built with JavaScript, HTML, and CSS.
TODO LIST It list everything that you have to do, with the most important tasks at the top of the list, and the least important tasks at the bottom. B
In this project I have build a To Do List app that you can list, add, delete and manage your daily tasks better. Build with HTML, CSS, JS, ES6, JSON
ToDo List This project is build by javascript web packages which can add and remove daily tasks. Built With Html Css Javascript Sublime Text Author 👤
A JavaScript (and TypeScript) SDK for the ScreenshotOne.com API to take screenshots of any URL
jssdk An official Screenshot API client for JavaScript and TypeScript. It takes minutes to start taking screenshots. Just sign up to get access and se
🧐 Precisely count words
Count Words Precisely count words. Usage The API is the same on all this platforms ✔️ Deno 🦕 import { countWords } from "https://deno.land/x/count_wo
A 3rd year University physics project for simulating satellites motion in orbit.
Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos
Careers page made with Next.js, Framer Motion & Tailwind CSS
Careers Page Tech Stack: Next.js / Framer Motion / Tailwind CSS This is a Next.js project bootstrapped with create-next-app. Getting Started First, ru
Register your username, log into the app and create your list of a to-do with local storage.
Todofy Todofy is a web app to create your to-do list with local storage. Explore the docs » View Demo · Report Bug · Request Feature Table of Contents
A declarative way of doing asynchronous programing with Typescript.
Deasyncify A declarative way of doing asynchronous programing with Typescript. Overview Getting started Issues Installation Usage Methods watch watchA
Cards Against Humanity Game Client made with ⚡Nextron (Next.js + Electron) and Typescript
CAH Client Introduction This project is one of the other projects related to the Cards Against Humanity (CAH) game. This client is made in Electron, u
TypeScript bot for auto-deleting of Telegram premium stickers with some interesting features based on the grammY library
anti-premium-stickers-bot TypeScript bot for auto-deleting of Telegram premium stickers with some interesting features based on the grammY library Thi
A tiny wrapper around pg that makes PostgreSQL a lot of fun to use. Written in TypeScript.
A tiny wrapper around pg that makes PostgreSQL a lot of fun to use. Written in TypeScript.
In this project we build a TVSeries website using Javascript, HTML, CSS and the TVMAze API. Each movie list on the page has a like and comments feature
MicroFLIX This project is a development about TV series, we fetched all data from TVmaze API, Users can like movies and also give a comment. All data
A Web end-to-end testing framework.
一款舒适的自动化测试框架 文档 XBell 站点 特性 基于 playwright 的异步测试框架 基于 TypeScript 提供多功能装饰器 多套数据环境支持 快速开始 # 初始化一个项目 $ npm create xbell # 进入项目 $ cd your-project-name #
A ✨light✨ and magical Svelte component for CSS media queries🐹
Svelte CSS media queries 🐥 Demo - Svelte REPL Lightweight, comfortable, like Svelte 🐣 how to install npm i svelte-media-queries What can I do? quer
Rebuilding TikTok with api.video, PWA, Next.js and Typescript 🎵
Rebuilding TikTok with api.video, PWA, Next.js and Typescript 🎵 An open-source example application that allows users to list and upload videos in the
Markdown note maker (with Git sync) using Tauri.
Mediocre Markdown note maker (with Git sync) using Tauri. Screens Tech Stack Frontend Monaco Editor for the editor interface Chakra UI library Redux T
The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity
To Do list To do project is webpack project that list activities someone can do at a specific time In this TO-DO list, you can add or remove you activ
"To-do list" is a tool that lists the things you need to do and allows you to mark them as complete. Built with JavaScript, HTML, CSS, and Webpack!
HTML CSS JS ES6 WEBPACK NPM LINTERS Todo List Project "To-do list" is a tool that helps to organize your day. It simply lists the things that you need
This is personal portfolio website that features the projects I have been working on, all the contact information is provided as well.
Personal-Portfolio This is personal portfolio website. Built With React CSS VS code Live Demo Live Demo Getting Started Prerequisites: Create an accou
Minimal Next.js + TypeScript + Tailwind CSS starter template.
⚡ next-ts-tailwind-starter ⚡ Minimal Next.js + TypeScript + Tailwind CSS starter template. Made by Piyush Pandey Give a ⭐ if you want to appreciate. 1
A Serverless GraphQL Sample project using Apollo and Serverless Framework with TypeScript and Webpack.
Serverless GraphQL Boilerplate This is a base project with a structure that includes Serverless Framework, Apollo, TypeScript and Webpack. It can be d
College project done for the CG Artwork lecture in 2022. Used HTML for the indexes and mainly JavaScript (using to THREE.js). Ended with the final A grade (17.3 in scale grade).
CG Artwork Project 2022 This project was done by a group of 3 in 2022 with an educational purpose for the CG Artwork lecture in Instituto Superior Téc
🦫 A simple way to implement event sourcing in TypeScript
✨ Better DevX for Event Sourcing in TypeScript Castore provides a unified interface for implementing Event Sourcing in TypeScript. Define your events
Eclipse is a multipurpose Discord bot. Built with Node.js, TypeScript and discord.js.
🤖 Eclipse Bot Eclipse is a brazilian Discord bot, built with Node.js, TypeScript and discord.js. 💻 Self-Hosting ⚠️ Support will not be provided for
TypeScript-first schema validation for h3 and Nuxt applications
h3-zod Validate h3 and Nuxt 3 requests using zod schema's. Install npm install h3-zod Usage import { createServer } from 'http' import { createApp } f
TimezoneDB is an easy, cross-platform method of keeping track of others' timezones.
TimezoneDB TimezoneDB is an easy, cross-platform method of keeping track of others' timezones. This project is inspired by PronounDB, and we'd like to
A server side rendering framework for Deno CLI and Deploy. 🦟 🦕
nat A server side rendering framework for Deno CLI and Deploy. Incorporating acorn, nano-jsx, and twind, it provides the tooling to provide a server c
A TypeScript library for creating dependency snapshots.
Dependency Submission Toolkit @github/dependency-submission-toolkit is a TypeScript library for creating dependency snapshots and submitting them to t
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
Protobuf RPC for TypeScript and Go with streaming support.
Stream RPC starpc implements Proto3 services (server & client) in both TypeScript and Go. Supports client-to-server streaming RPCs in the web browser,
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-
In this project, I will build a basic website that allows users to add/remove books from a list.
Awesome-books In this project, We will build a basic website that allows users to add/remove books from a list. Built With HTML 5 CSS 3 JavaScript Get
example app that creates a new player in Spotify Connect to play music from in the browse using Spotify Web Playback SDK.
Spotify Web Playback SDK Demo Requirements User must have Spotify Premium, DRM & EME supported and JavaScript enabled Web Browser. License Copyright 2
A discord bot + API, created with typescript
Devian A discord bot + API, created with typescript Report Bug · Request Feature About The Project Built With Node Express Typescript Discord.js (back
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
Smoothly interpolate between variations of SVG paths.
svg-path-morph A simple library for morphing between variations of SVG paths. Use svg-path-morph to smoothly morph between X variations of the same SV