439 Repositories
JavaScript children-first-components Libraries
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
Auto-import components in Astro projects
Astro Auto Import 🔗 Looking for the main package? Jump to astro-auto-import → 🚀 Project Structure This project uses workspaces to develop a single p
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
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
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
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
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
ModeSens is your digital shopping assistant for the smart and informed.
ModeSens is your digital shopping assistant for the smart and informed. Established in 2015, ModeSens is led by a team of industry experts who developed a solution to the disconnected and crowded online shopping experience. Product information was scattered, and shopping required too much research to make an informed purchase.
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
A collection of everyday web-components and libraries.
Ambiki packages A collection of everyday web-components and libraries. Used in production at ambiki.com Collections within the repository Custom eleme
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets. It offers a simple, intuitive programming interface that makes easy things easy, but hard things possible when dealing with tabular data.
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
A Gatsby-based starter theme with e-commerce styled components
This beautiful theme from the Matter Design Team gives you the styling and scaffolding for your next e-commerce site. You can customize to your heart'
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
Public components for krtech-ui. (shorname is KUI)
React Library Template (TypeScript) Instantly create TypeScript-based React Component Library with this open-source template repo. Get Started To use
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
Zero runtime type-safe CSS in the same file as components
macaron comptime-css is now called macaron! macaron is a zero-runtime and type-safe CSS-in-JS library made with performance in mind Powered by vanilla
🗂 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
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
Lit + File Based Routing + Nested Layouts
Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i
Document Typescript React components with TSDoc and export Storybook-friendly JSON 🤖
✨ Document React components with @prop ✨ react-tsdoc 🤖 react-tsdoc is an tool to extract information from React Typescript component files with TSDoc
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
RenderIf is a function that receives a validation as a parameter, and if that validation is true, the content passed as children will be displayed. Try it!
RenderIf RenderIf is a function that receives a validation as a parameter, and if that validation is true, the content passed as children will be disp
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-
A social network where you can share posts, view your profile metrics and follow other users.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Simple components showing differences in each major frontend web framework.
Web Frameworks A collection of simple components in each of the leading frontend web frameworks. So far, covering React, Vue, Angular, Svelte and Soli
📬 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
A modern and fashion-forward retail portal.
Atelier Atelier is an ecommerce product detail page built for a fictional clothing company as an exercise in front-end development. It contains three
An enterprise-class React UI components library
KDesign of React KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库,主要用于企业级系统的构建。 特性 提供开箱即用的 丰富的企业级 React UI 组件。 使用 TypeScript 开发,提供完整的类型定义文件。 组件全
Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...
Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful template ⚡️ Table of contents Getting started Paths & Files Useful depend
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r
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
A robust form library for Lit that enriches input components with easy-to-use data validation features.
EliteForms A robust form library for Lit that enriches input components with easy-to-use data validation features. Installation npm install elite-form
Use macro-based Nunjucks components with Eleventy and Storybook.
eleventy-nunjucks-storybook Use macro-based Nunjucks components with Eleventy and Storybook. Links See Using Storybook with Nunjucks components in Ele
React Native Boilerplate - The Boilerplate contains all the basic packages, common components and, prebuilt code architecture
The Boilerplate contains all the basic packages, common components and, prebuilt code architecture. It will save developer's project setup time.
A-Frame components for smooth locomotion and snap turning
A-Frame locomotion A collection of A-Frame components, systems and primitives that enable all sorts of locomotion in VR. It't built to be modular, fle
Set of react components based on styled-components
React to styled Links Documentation Contributing Ask question or give feedback Packages @react-to-styled/components – all components in one package @r
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
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
🏝 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?
The UI for staking NFTs on Solana. Cardinal staking UI can be treated as an admin interface for stake pools hosted by cardinal-staking as well as a barebones end-user staking UI
Cardinal Staking UI This repository hosts the UI inteface that powers https://stake.cardinal.so for staking NFTs on Solana. Use this repo to create an
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
NGX-YOUI is a Highly customizable library of Angular UI components for content and styles
NGX-YOUI NGX-YOUI is an Angular UI Library that can be highly customized with content and styles. You can easily integrate with other CSS frameworks a
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
SUID is all a set of utils and components ported from MUI Core and much more.
Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a
🏝 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?
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
This repo conatain all the template of Dev.UI
Dev.Ui Templates This repo conatain all the template of Dev.Ui 🛠 Development Clone the repository git clone https://github.com/kumard3/dev-ui-templat
⚡ 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
NiftyKit's Web Components Collection
NiftyKit Web Components NiftyKit's Web Components Collection Installation Install via npm npm install @niftykit/components Import via CDN script type
React components for the Infima styling framework.
React Infima React Infima provides React components for the Infima styling framework. It doesn't add any new features to Infima, it just ports the com
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
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
Adds a handy $parent magic property to your Alpine components.
✨ Help support the maintenance of this package by sponsoring me. Alpine $parent Access parent components using a handy $parent magic variable. This pa
template with nextts, eslint&prettier, husky&lint-staged, tailwindcss&styled-components
Setup npm i Use VSCode, make sure the recommended eslint and prettier plugins are installed. Automatic linting should occur when you save! npx husky i
💻 My personal page to show my skills
What is inside? ReactJS TypeScript Styled Components Jest React Testing Library Eslint Prettier Husky Getting Started Install dependencies: yarn or np
NextJS BoilerPlate for Alpha version(Next.js + Styled Components + Customization + Theme)
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://
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
🌓 Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode 🌒 toggle. so you can initially adhere to your users' preferences according to pr
Admin UI Template is a modern, responsive, and customizable admin UI template for your business.
Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
Mini Social Media App with a liitle bit of facebook components (Still Developing)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
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
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
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
🦄 A CLI tool to quickly generate Next.js components
🦄 nextrate A CLI tool for quickly generating Next.js components. ✨ Features Automatically add the file type to the component name using the folder na
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
Svelte debugging tool for re-rendering components
resvelte README This is the README for your extension "resvelte". After writing up a brief description, we recommend including the following sections.
"Space Travelers' Hub" This project will lay foundations for your understanding the new features for Redux, using slice reducer and API requires with createAsyncThunk
Space Travelers' Hub Space Travelers' Hub React - Redux "Space Travelers' Hub" This project will lay foundations for your understand new features for
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
⚡️ 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
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
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
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 tiny custom element for all your scrollytelling needs!
scroll-scene element A tiny custom element for all your scrollytelling needs! The successor to @newswire/scroller. Key features 🐜 Less than 700 byt
Kick off your project with this recipe boilerplate
Gatsby starter for recipes with Flotiq source Kick off your project with this recipe boilerplate. This starter ships with the main Gatsby configuratio
Custom HTML elements for generic components (dropdown, modal...) without style.
Headless elements The goal of this project is to create a library of Custom Elements to stop reinventing the wheel (starting by reinventing the wheel
Realtime.js - a fast frontend framework based on Web-Components.
Realtime.js is a fast frontend framework based on Web-Components and Proxies. It has a lot of features to simplify your way of live as a vanillajs developer. The framework is programmed in such a way, that you can edit it yourself if you need additional features.
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Animate your Alpine components.
Animate your Alpine components 🚀 This package provides you with a simple helper to animate your ALpine.js components. Installation The recommended wa
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Fest - A reuseable UI components builder for the web
fest Fest is actually fast. A reuseable UI components builder for the web. Rerender components or parts of components as users interact with your app.
Add weak event listeners from your components/classes based on WeakRefs
Add weak event listeners from your components/classes based on WeakRefs. This package handles the boilerplate for you, which isn't too much anyways but not particularly good looking.
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.
Estrela - a JavaScript library for building reactive web components inspired by lit
Estrela ⭐ Full Reactive Web Components Estrela is a JavaScript library for building reactive web components inspired by lit. Just like Lit, Estrela is
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 Next + TypeScript Starter. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analytics, sitemap generation, and more!
Next + TypeScript Starter A Next + TypeScript Starter by Justin Juno. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analy
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
Bookstore app built using React, Redux, and Styled Components
Bookstore Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and St