1531 Repositories
JavaScript react-native-components Libraries
πͺ± Zorm - Type-safe form for React using Zod
React Zorm Type-safe form for React using Zod! Features / opinions π Type-safe Get form data as a typed object Typo-safe name and id attribute gene
β‘ My personal website.
nafeez.xyz Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel Styling: Tailwind CSS Running Locally C
An example of a schema-based form system for React.
React Advanced Form An example of a schema-based form system in React. Define your schema, and pass it into the form. Supports basic conditional schem
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
πͺ Multi step forms with in built validations
react-wizardry is a data-driven smart wizard component for creating powerful forms with in built validations. Demo Features β‘ Data driven API β In bui
Perfect pressure-sensitive drawing for both iOS and Android.
rn-perfect-sketch-canvas A React Native component for drawing perfect pressure-sensitive freehand lines using perfect-freehand and Skia renderer. Inst
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
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
Build your zkp app with typescript, hardhat, circom, and snarkjs!
Zk app boilerplate Pre requisites Install rust and circom2 Getting started Clone or fork this template repository. git clone https://github.com/wanseo
π 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?
(WIP)
@solved-ac/ui-react React component library used by solved.ac Install npm install --save @solved-ac/ui-react Usage import React, { Component } from 'r
Your center for health applications β€οΈπ
β€οΈ Health Center Health Center is an app that puts you in one place to use health-related calculation tools! π§ Tech stack React create-react-app styl
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
Quick study on NextJs + Material UI
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://
Minimal, zero-configuration and fast solution for static site generation in any front-end framework.
Staticit - Introduction Whether you want to increase performance of your web application or improve SEO. Generally you have 2 options, use SSR (Server
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
Plant trees to harvest apples. Sell apples to buy upgrades. Sell apples and wares to make the most money and top the leaderboard!
Happy Harvesters Apple Orchard Game A browser based game that is also mobile friendly so you can finally say "How about THEM apples". Table of Content
A private chatroom for discussing secret stuff.
π¬ Socket.IO IRC A private chatroom for discussing secret stuff. The Problem Almost all chatapps nowadays aren't safe enough for private communication
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
This is a calculator application. The user can do some calculations on this application.
Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo
O Aluracord Γ© um clone personalizado do discord com chat em tempo real.
Aluracord O Aluracord Γ© um clone personalizado do Discord durante a ImersΓ£o React da Alura. Desde o inΓcio da imersΓ£o meu objetivo era ir alΓ©m dela, e
ChatMore: A web chatapp like Whatsapp - Made in Typescript, React and Supabase
ChatMore This project is a chatapp made in React. On the main page we can authenticate, and then add todos to the our list. The ultimate goal of this
MSN Redesign made with Next - Inspired by Igor Monteiro's Layout
MSN Redesign π³ Made with Next - Inspired by Igor Monteiro's Layout | Behance π οΈ Stack Next React Yarn (v1.22.17) CSS in JS CSS - Gradient Responsive
This application allows you to book missions and rockets with Elon Musk's company, SpaceX
Space Traveler's Hub This is an application built to book missions and rockets from SpaceX You can both join and leave missions, reserve and cancel re
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
A little practice dapp for ethereum smart contract development.
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
MacOS launcher & command palette
About If you ever liked tools like Raycast and Alfred, but wanted to own them and tweak them yourself, then SOL is the tool for you. All the affordanc
πͺ React hook for subscribing to user's color scheme preference.
use-prefers-color-scheme React hook for subscribing to user's color scheme preference. π Getting Started π Jump Start npm install @anatoliygatt/use-
Lenster is a decentralized, and permissionless social media app built with Lens Protocol πΏ
Lenster Decentralized, and permissionless social media app πΏ lenster.xyz Β» Discord β’ Issues πΏ About Lenster Lenster is a decentralized, and permissi
Debug your Jest tests. Effortlessly.π πΌ
Jest Preview Debug your Jest tests. Effortlessly. π πΌ Try Jest Preview Online. No downloads needed! Why jest-preview When writing tests using Jest,
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
This project demonstrates single transaction and batch transaction use case
Batch Transaction Fullstack ( Localhost:8545 ) This project demonstrates single transaction and batch transaction use case. It comes with a transactio
Brail is a framework built on NextJS for developing email templates in React, and returning HTML that is compatible with major email clients.
Brail is a framework built on NextJS for developing email templates in React, and returning HTML that is compatible with major email clients. It aims to seperate the concerns of generating the emails and delivering them.
Example implementation of having Google-Docs like comments
lexical-comments Example implementation of having Google-Docs like comments in https://lexical.dev . Main ingredient that makes this possible is Comme
π Transition number values using easing functions
react-transition-value Transition / Animate number values using easing functions See Demos β‘οΈ Getting started npm i react-transition-value import {
You shouldn't start a wonderful app from scratch every time.
React App Starter You shouldn't start a wonderful app from scratch every time. ~ TJ Features: Out of box API mocking. Out of box Authentication. Beaut
Write and read comments on every page with a simple plug-in for your browser
Licom - comments on every webpage Licom is a simple plugin for your browser that adds the feature to leave comments on every page, even if it doesn't
CSS Generator has a lot of tools π π π
Css Generator π Packages used in Project : React Router Dom Framer Motion react-color react-icons react-awesome-button Preview Tools π¨ Background to
π 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?
You should focus the logics of your app, not DnD.
Welcome to @thaddeusjiang/react-sortable-list π You should focus the logics of your app, not DnD. π Homepage β¨ Demo Features Easy Drag & Drop sort i
Replaces native cursor with custom animated cursor.
Animated Cursor A pure JS library to replace native cursor with a custom animated cursor. Check out the Demo Contents π Features π― Quickstart 𧬠Opt
Fusion of Twitter and Discord and getting a single product as a outcome.
TWTCORD Connect your cords through TWTCORD What is TWTCORD? TWTCORD is derived from the combination of twitter and discord. It is basically the fusion
SafeView allows you to hide senstive information in your app visually.
SafeView SafeView is a component that allows you to hide sensitive information in your app visually, for presentation purposes, and more. Installation
π¦ 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
JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.
JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.
This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.
This tool uses native browser APIs to take screenshots of a given web page, tab, window, or the user's entire screen.
JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. π
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
mirrord lets you easily mirror traffic from your production environment to your development environment.
mirrord lets you easily mirror traffic from your Kubernetes cluster to your development environment. It comes as both Visual Studio Code extension and a CLI tool.
A collection of framework specific Auth utilities for working with Supabase.
A collection of framework specific Auth utilities for working with Supabase.
Electron integration for Remix βπΏ
remix-electron Electron integration for Remix Setup Use degit to create a new project from the template. npx degit itsMapleLeaf/remix-electron/templat
Simple Quran Player π , listen to the Holy Quran online
Quraan Player React Native Description this is a app that you can listen to the Holy Quran online you can play the audio out side the app and on lock
Recipe websites have too much clutter, this scrapes *just* the recipe
Only The Recipe Most recipes websites have videos and ads flying everywhere, on top of walls of text describing the recipe's backstory. This is an eas
Qovery Web Console π
Qovery console Quick start yarn // start project yarn start // start storybook yarn run storybook Generate an application Run nx g @nrwl/react:app my-
Import flow for Excel (.xlsx) and CSV file with automated column matching and validation.
RSI react-spreadsheet-import β‘οΈ A component used for importing XLS / XLSX / CSV documents built with Chakra UI. Import flow combines: π₯ Uploader βοΈ P
β‘ Pcode lets you create and share beautiful images π of your source code π
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
This is a tic-tac-toe game but differs from most others as it carries the option of playing against an AI (COM) or against a friend.
TIC-TAC-TOE This is a simple tic-tac-toe game with the exception of playing against an algorithm or against a friend. At the very start, you have to s
Challenge de Mercado Libre en el cual se maqueta su seccion de detalles de un producto.
Result MercadoLibre challenge Debemos crear un clon de la pΓ‘gina de detalle de producto de Mercado Libre. API PodΓ©s encontrar los mocks necesarios par
"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.
Math-Magicians This project was bootstrapped with Create React App. "Math magicians" is a website for all fans of mathematics. You can Make simple cal
Konbini Otaku, Web E-Commerce del proyecto EstaciΓ³n Otaku, desarrollada con Next.js y desplegada con Vercel
Konbini Otaku π¬ π β©οΈ π - Reto Final (parte 2) Este proyecto constΓ³ de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrΓ‘s adqu
An awesome tool to make Images and GIFs of your code!
Recoded An awesome tool to make Images and GIFs of your code! View Demo Β· Report Bug Β· Request Feature About The Project There are plenty of Apps like
A curated collection of resources for learning to build Progressive Web Apps πͺ
PWA Resources A curated collection of resources for learning to build Progressive Web Apps πͺ Curated and maintained with β₯ by the folks at Shareup. W
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
Animene - A platform for anime lovers
Animene A platform for anime lovers Live demo website: animene.vercel.app Technologies used React Material UI SCSS Modules, clsx Axios, GraphQL Redux,
β‘ 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
Thin Backend is a Blazing Fast, Universal Web App Backend for Making Realtime Single Page Apps
Website | Documentation About Thin Thin Backend is a blazing fast, universal web app backend for making realtime single page apps. Instead of manually
A framework for NodeJS deveopers bringing dreams to reality!
ELIXOR A framework for NodeJS enthusiasts! What does it do? Short Answer Elixor is a framework for NodeJS developers that lets you build cross-platfor
This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.
Math magicians app This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quo
Stays: book accommodation on-chain, pay in crypto, and help local communities
Stays: on-chain bookings Installation Make sure you have node and nvm installed: nvm use v16 npm install -g yarn npm install -g lerna yarn install ler
π 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
Setup all the linters you like for your react app in 1 minute π
Create React Linters π Setup all the linters you like and don't let π© slip into your code base! Eslint | Stylelint | Commitlint | Prettier | EditorC
π useClipboardApi() is a React Hook that consumes Web Clipboard API.
π use-clipboard-api useClipboardApi() is a React Hook that consumes Web Clipboard API. Table of Contents Motivation Usage Contributing Bugs and Suges
π¦ΈββοΈ 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
β¨ The official website of Reponse.
π¦ Reponse.app The official website of Reponse! This project is completely open source. So you can use it wherever you want β*: .q. o(β§β½β¦)o .q.:*β β¨ G
β€οΈ 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
π βA ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, Prettier, GitHub Action releases and more.
Electron App π βA ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, P
A virtual traning coach.
fitzome A virtual coach to do - Refactor code (Flat list ones) - Allow users to update their workouts - Add remote config Writing and formatting synt
FingerprintJS Pro Wrapper for React Single Page Applications (SPA)
FingerprintJS Pro React FingerprintJS Pro React is an easy-to-use React library for FingerprintJS Pro. This package works with FingerprintJS Pro, it i
Get Your Weather Details Now.
Weatherly React WebApp to Get Your Weather Now Local Installation : Clone the repository: git clone https://github.com/PrajjwalDatir/Weatherly.git cd
Basic React Project with React Router, ContextAPI and Login
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
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
ChatBox is a WhatsApp Bussiness Clone that built with React Native & Expo
chatbox (...ongoing) ChatBox is a WhatsApp Business Clone built with React Native & Expo. UI (DARK MODE) UI (LIGHT MODE) Tech Stack used: FRONTEND Rea
A mobile app for playing music on Resonate, an open source music streaming co-op.
stream2own Play fair. Website | Twitter | Contributing | Developer Guide π΅ Resonate Stream App A mobile app for playing music on Resonate, an open so
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
Escreva suas ideias e compartilhe com o mundo. Totalmente grΓ‘tis, fΓ‘cil e sem limites.
π AweNotes Um site de notas simples, minimalista e fΓ‘cil onde vocΓͺ pode criar, modificar e compartilhar notas com qualquer pessoas, a qualquer hora ?
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
Terminal Styled Portfolio Website Λ( Β° β½γΒ° ) , a terminal style/styled portfolio website made with 3 using react.
AshTerm A Terminal Styled Portfolio Website. π±βπ» Made Using- β Framework ReactJS π» Terminal react-console-emulator π Deployed using CloudFlare Run
This is food delivery app i.e, Zomato ( React Native + Django )
Food-Delivery-App ( React Native + Django ) Changes you have to made to backend. In backend edit PaymentViews.py file and write your own Paytm MERCHAN
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
Conveyer adds Drag gestures to your Native Scroll.
Conveyer Demo / Documentation / Other components Conveyer adds Drag gestures to your Native Scroll. π± π» π₯ β¨ Features You can use Native Scroll-like
The quickest way to format code!
Only Formats The quickest way to format code! β¨ The live Instance Tech Stack Next.js with TypeScript Chakra UI Prettier to format code Monaco editor f
π 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
Simple but super overengineered wake-on-lan web app.
webwol An absolutely overengineered web application for waking up network devices via wake on lan. Demo Untitled.mp4 Setup You might want to deploy th
Render URL links for Web & Twitter previews
expo-link-preview Render URL links for Web & Twitter previews Built with react-native using expo. Installation # yarn yarn add expo-link-preview # np
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
πΌοΈ 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
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
Monks and Mages is a TCG-game built on React and socket.io
Monks and Mages Monks and Mages is a trading card-style game inspired by Heroes of Might and Magic / Magic the Gathering. The gameplay is similar to M
π» 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
Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement.
useAsyncQuery Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement. Usage