388 Repositories
JavaScript component-first Libraries
The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones!
FlashListTV The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones! Quick start: Clone this repo Cha
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top
👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
Transform stream that lets you peek the first line before deciding how to parse it
streampecker Transform stream that lets you peek the first line before deciding how to parse it
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
Obsidian plugin: Implicitly add an alias matching the first heading in a document.
Alias from heading Aliases in Obsidian make it convenient to provide display names to document links. However, there are a few pain points: Aliases ar
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
Custom element (web component) for Video.js.
videojs-video A custom element (web component) for Video.js. The element API matches the HTML5 video tag, so it can be easily swapped with other m
Videogame page [current version]
ENGLISH PlayHoenicka is Josue Hoenicka's first official project PlayHoenicka is a video game page with 4 video games Dino.cka, Wordie.cka, Listenme.ck
Buidling my first web3 app with solidity, wagmi!
Basic Sample Hardhat Project This project demonstrates a basic Hardhat use case. It comes with a sample contract, a test for that contract, a sample s
This is a fully functional DAO, a Web3 project made using Solidity, Hardhat, JS, Next.js, Openzeppelin, CSS, HTML, using the Rinkerby network!
My First DAO! This is made for a DAO-Tutorial via learnweb3.io This is a DAO, a decentralised autonomous organisation, essentially a more collective a
A highly portable first person 3D game playable on Desktop or Web!
rust-game Interfaces (*_interface/) are immediately human-playable versions of the game. They use single_player simulations of the game, which in turn
A set of children-first components
Children-First Components This library is currently a work-in-progress to build the React components found in this talk (https://www.youtube.com/watch
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. Why use Preline UI? Based on the Tailwin
Simple, cli-first, mobile push notification across systems.
Notify.sh Simple, cli-first, mobile push notification across systems. Install In each folder, run npm install. The expected node version is 14. (Highe
Privacy First Toolbox For Developers 🧰
Dev Toolbox 🧰 A collection of tools for developers in one place Note This project is inspired and shares some code from tooling.one by @egoist which
Deno's first lightweight, secure distributed lock manager utilizing the Redlock algorithm
Deno-Redlock Description This is an implementation of the Redlock algorithm in Deno. It is a secure, lightweight solution to control resource access i
🗂 Universal Media Library as a web component.
Kondonizer Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Medi
A first person character controller for the Three.js graphics library
charactercontroller A first person character controller for the Three.js graphics library Demo Installation npm install charactercontroller Usage impo
🍭 search-buddy ultra lightweight javascript plugin that can help you create instant search and/or facilitate navigation between pages.
🍭 search-buddy search-buddy is an open‑source ultra lightweight javascript plugin (* 1kb). It can help you create instant search and/or facilitate n
hCaptcha Component Library for Solid.
Solid hCaptcha Component Library This is a port of @hcaptcha/react-hcaptcha for Solid. Description hCaptcha is a drop-replacement for reCAPTCHA that p
My first npm package: all-round-calculatpr
all-round-calculator An npm library package to calculate everything you want. Check out our npm package on npmjs.org. Check out the documentation here
Map over an object in a preorder or postoder depth-first manner
obj-walker Walk objects like this guy. Map over an object in a preorder or postoder depth-first manner. Also, provides functions for serializing and d
4WEB is a collection & creation of codebase, frameworks, libraries and various resources dedicated to web development 📦🌐
📨 Vous pouvez également contribuer à ajouter/créer votre propre collection dans ce référentiel ... Table des matières 🔎 Codebase 🔎 NPM packages 🔎
Actual, a local-first personal finance tool
This is the main project to run Actual, a local-first personal finance tool. It comes with the latest version of Actual, and a server to persist chang
A demo app showingcasing laravel-livewire-wizard
A demo of spatie/laravel-livewire-wizard This repo contains a Laravel app to showcase the spatie/laravel-livewizard package. Usage Clone the repo Copy
🖼️ A 60+ fps lightbox component, build upon Reanimated & GestureHandler.
React Native Lightbox Todo pinch to zoom web support photo gallery tap to close Installation First you have to follow installation instructions of Rea
Globe.GL - A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection
A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection. This library is a convenience wrap
Bookwise is a video library web app that consists of a collection of Videos
Bookwise is a video library web app that consists of a collection of Videos. It has features such as like videos, creating playlists, adding videos to playlists, adding to watch later, history, feed, etc. but of a specific niche.
The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.
Power CAT code components The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power a
🐮 CowSwap: First Gnosis Protocol v2 UI
CowSwap is the first trading interface built on top of CoW Protocol. It allows you to buy and sell tokens using gas-less orders that are settled peer-
📬 Lightweight Typescript-first framework built on top of Express
🔖 abstain Lightweight Typescript-first framework built on top of Express [WIP] 📚 api // index.ts import { Application } from '@pinkcig/abstain'; imp
An example of Lit web component built with vite for use in capacitor.
Vite + Lit + Capacitor An example of Lit web component built with vite for use in capacitor. Demo Features ✅ Typescript 🔥 Lit 🛠 Vite 🖥 Desktop 📱 i
A API documentation generator for Vue3 single file component.
doc-vue A API documentation generator for Vue3 single file component. Table of Contents Installation Write API Description Command Line Usage Programm
A utility-first universal design system - powered by Tailwind CSS
tailwindcss-react-native tailwindcss-react-native uses Tailwind CSS as universal design system for all React Native platforms. It lets you share code
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:
Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu
This package allows you to show a placeholder-component while inertia fetches the content of ne new page while routing
inertia vue placeholder middleware This package adds a component placeholder middleware for inertia vue. instead of the InertiaProgressBar you can sho
A local-first personal finance system
Note from maintainer: don't expect responses or PR merges until May 16th. 🏖️ I (@jlongster) am currently away on vacation and not checking this. I am
A simple, performance-first, SEO-friendly Hugo theme
Hugo Theme Luna A simple, performance-first, SEO-friendly Hugo theme 👉 Example | 中文文档 Introduction Using Tailwindcss Custom Themes Many shortcodes Da
A web component for progressively-enhanced auto-expanding textareas
Elastic Textarea A web component for progressively-enhanced auto-expanding textareas. This web component progressively enhances the native textarea: a
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.
Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own
Svelte component to render markdown.
svelte-exmarkdown Svelte component to render markdown. Motivation svelte-markdown is a good component package. However, it is not extensible. You cann
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
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
A collection of scripts to build offline documentation for your favourite frameworks/libraries. Simply search, copy/paste the commands and enjoy.
Offline-docs A collection of scripts to build offline documentation for your favourite frameworks/libraries. Simply search, copy/paste the commands an
Simple React Native marquee component,fully implemented using reanimated v2,support to iOS/Android/Web.
@react-native-reanimated-community/react-native-reanimated-marquee Simple React Native marquee component,fully implemented using reanimated v2,support
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
Angular multiselect component for web application. Easy to integrate and use.
Angular multiselect component for web application. Easy to integrate and use.
A 👩💻 developer-friendly entity management system for 🕹 games and similarly demanding applications, based on 🛠 ECS architecture.
Miniplex Ecosystem miniplex miniplex-react Introduction Miniplex is an entity management system for games and similarly demanding applications. Instea
NextJS VScode extension to visualize component tree.
Nexus A component tree extension for NextJS Report Bugs · Request Features Table of Contents About The Project Built With Installation Getting Started
An ergonomic, mobile-first, Prolog playground!
Paízo Programmer Pronounced "Pay-zo Programmer". https://lf94.github.io/paizo-programmer/ Paizo is a playground for programmers. It's intended to be u
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
Generate Skeleton Component from Figma.
figeleton Skeleton Code Generator Figma Plugin consisting of @figeleton/skeleton package and @figeleton/figma-plugin Skeleton components generated in
A tiny script and component intended to be used with Astro for generating images with eleventy-img.
Astro + eleventy-img A tiny script and component intended to be used with Astro for generating images with eleventy-img. It also supports creating blu
🔍 A view component for React Native with pinch to zoom and drag to pan functionality.
react-native-pan-pinch-view A view component for React Native with pinch to zoom and drag to pan functionality. 👋 Introduction Even though the demo s
❤️ A heart-shaped toggle switch component for React.
heart-switch A heart-shaped toggle switch component for React. Inspired by Tore Bernhoft's I heart toggle Dribbble shot. 📖 Table of Contents 🚀 Getti
First NestJS project powered by TypeScript (Simple CRUD)
First Nest TS (TypeScript) First NestJS project powered by TypeScript (Simple CRUD) Routes Get All GET http://localhost:3000/products/ Get one GET htt
When new tokens gets listed on a DEX, bots are able to detect this and be one of the first to buy the token for a low price. This is an example of such bot.
Listing Sniping Bot When a new token gets listed on a DEX, bots are able to detect the PairCreated event emitted from the DEX's factory contract. This
A modern study React component of leaflet draw for react-leaflet
React Leaflet Draft A modern study React component of leaflet draw for react-leaflet React component of leaflet-draw for react-leaflet Table of conten
Simple, fast, accessible accordion library with no dependency
React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
🌐 Text Input Component for validating and formatting international phone numbers.
React Native Intl Phone Field Try the Expo Snack 👏 🕹️ Demo It's a javascript-only (no native code) component that can run in iOS, Android, Expo & Re
Mobile-first website to match refugees with available hosts
⚠️ This project has been archived ⚠️ Host a Refugee Host a refugee aims to be a small mobile friendly web app that allows people to sign up as either
🖼️ Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component.
Next.js Image Proxy Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component. ❔ Motivation This library makes it poss
Solid component and library for LiveKit (unofficial)
This package provides Solid components that makes it easier to use LiveKit in a Solid app. Inspired completely by https://github.com/livekit/livekit-r
GraphQL-first boilerplate that scales with TypeScript + Node Express + Apollo GraphQL APIs.
graphql-typescript-boilerplate A boilerplate project for quickly building Graphql APIs and with typescript 🚀 Installation Install the dependencies: y
🌐 Unlimited free google translate component & hook
React Native Translator Preview Introduce Free translate component & hook Never need api key, This library is Unlimited free Support translators Googl
Site OnPokemon refatorado com novos filtros, páginas e funcionalidades
Escolha os seus Pokemóns para combate, filtrando por tipo e fraqueza. Status do Projeto: em andamento Deploy: Site OnPokemon ÍNDICE Escolha os seus Po
🛰 Shared component across routes with animations
Shared Vue component across routes with animations Live Demo Why? It's quite common you might have a same component used in different routes (pages) w
This is my first Angular App that is a to-do list that allows the user to add or delete to do items.
TodoApp This is my first Angular App that is a to-do list that allows the user to add or delete to do items. This project was generated with Angular C
This library is a template to generate new angular component libraries.
Open Template Hub - UI Library Template v1 This library is a template to generate new angular component libraries. About the NPM Package Package Insta
Animated FlatList component that supports entering, exiting and reordering animations.
react-native-flatlist-animated Animated FlatList component that supports entering, exiting and reordering animations. Installation npm i react-native-
⚡️ Next-generation data transformation framework for TypeScript that puts developer experience first
TypeStream Next-generation data transformation framework for TypeScript that puts developer experience first Nowadays, almost every developer is worki
IndexedDB with usability and remote syncing
IndexedDB with usability and remote syncing This is a fork of the awesome idb library, which adds the ability to sync an IndexedDB database with a rem
Futurice web component library.
Ice Core Ice Core provides the core Ice web component library. Each web component comes with its own functional styling which can be customised as nee
FortuneSheet is an online spreedsheet component library that provides out-of-the-box features just like Excel
FortuneSheet FortuneSheet is an online spreedsheet component library that provides out-of-the-box features just like Excel English | 简体中文 Purpose The
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
Letter Shuffle Animation for a Menu A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item
Demo showing how to lazy load a component in Angular without routing!
WidgetDashboard This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to http://local
A simple component for making elements draggable.
React Draggable Component A simple component for making elements draggable. Demo stackblitz Installation $ npm install drag-react # yarn add drag-reac
⛰ "core" is the core component package of vodyani, providing easy-to-use methods and AOP implementations.
Vodyani core ⛰ "core" is the core component package of vodyani, providing easy-to-use methods and AOP implementations. Installation npm install @vodya
Nestjs boilerplate template (mongodb, typeorm, graphql - code first, i18n, global exception handling etc.)
Description City-Library-Demo project for boilerplate. (node version: 16.14.0, npm version: 8.5.2) First Steps Create .env file in root directory. (Th
🎉 Sensoro Design SVG Icons
Sensoro Design Icons 语义化矢量图形库,提供了描述图标的抽象节点来满足对各种框架的适配。 ✨ 特性 📦 内置了丰富的图标资源 🎉 支持对 React、Vue、React Native、Angular 各种框架的适配 💻 使用 TypeScript 开发,提供完整的类型定义文
A web App built on NewsApi to display news category wise.
Newsmonk A Reactjs web App to get daily news including categories. Acknowledgements NewsApi Authors @0Pixel0 Contributing Contributions are always wel
A custom Chakra UI component that adds ready-made styles for rendering remote HTML content.
Chakra UI Prose Prose is a Chakra UI component that adds a ready-made typography styles when rendering remote HTML. Installation yarn add @nikolovlaza
A component built in angular 13 which can generate an signature image in different fonts based on the selection.
AngularSignatureGenerator This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to ht
Hands Off Ukraine Web Component
A banner web component that enables companies/individuals to quickly show their support for Ukraine regarding the recent Russian invasion. It hopes to raise awareness to the incident and allow users to quickly access support websites & donate.
A Pauli Test simulation app made with Web Component and RxJS
There was a discussion quite a while ago in Teknologi Umum about brain throughput or something. Basically it was about how long does your brain can maintain its performance. It was brought up because there was a discussion about typing speed and how someone can get high Words per Minute at the start but starts to slow down the longer they go.
Dynamic, fast, accessible & zero dependency accordion for React
React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components
A health-focused app for users to be able to track workouts and nutritional data with a social media component to inspire friendly competition among the users.
A health-focused app for users to be able to track workouts and nutritional data with a social media component to inspire friendly competition among the users.
Using Storybook for Pixi.js graphics development
Storybook for Pixi.js Using Storybook for Pixi.js graphics development This project includes: Storybook Pixi.js Pixi Viiewport Background Often conven
A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s
Development of a landing page where the user can see information about my learnings in the first month at Trybe Course.
Project: Lessons Learned Lessons Learned was the first project developed by me while studying in Trybe. Technologies and tools used HTML CSS Project o
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
Awesome TV is the First and Original streaming entertainment network for Global Africa from United States of America (USA).
LEADBOARD APP Awesome TV is the First and Original streaming entertainment network for Global Africa from United States of America (USA). Built With H
Simple & Quick Access Addon For Home Assistant
Home Assistant - Firefox Addon Quick Access Home Assistant - Firefox Addon Usage Create a Custom Dashboard With Quick Access Entity In Home Assistant
Animated Select Component (React)
Spring Chain We built a custom select component with a menu with animations and beautiful gradients and a glassy style, is called "Spring Chain" becau
Create coupled parent-child component pairs with composition API.
vue-coupled Background See discussion here. This package serves as a POC that: Allows any level of component encapsulation for child components. Suppo
React Native's Global Alert Component that can be fully customized and without the need of a state.
🚩 React Native Easy Alert React Native Easy Alert Component. Watch on youtube Easy Alert example app. React Native's Global Alert Component that can
A date picker web component, and spiritual successor to duet date picker
date-picker A date picker web component, based on duet date picker, except authored with Lit and using shadow DOM. This is a work in progress. Todo: