219 Components & Libraries
React threejs-example Libraries
An example Svix integration built in Next.js (TypeScript and React)
Svix - Webhooks as a service Website | Documentation | Community Slack Example Svix Application This is an example Next.js application showing how to
An example repo for quickly creating an app, using Firebase, NextJS, Tailwind, Github Actions
Firestarter Firestarter is a way to quicky create your MVP web app. You just copy the code, then adapt to your project. It uses/will use Firebase, Nex
An e-commerce website example with NextJS that I made in 1 week as a self challenge. Using Firebase as backend.
E-Commerce Website Demo: https://next-e-commerce-example.vercel.app/ An e-commerce website example built with Next.js that I made in 1 week as a self
3d, Animated, Drag-and-Drop icons for React
react-3d-icons A simple and easy-to-use library for adding 3d icons into any React project. Example The library provides thousands of icons ready to g
Remix + React.use() experimental example
Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.
Example using preact-compat with Remix
Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.
Example using Stripe with TypeScript and react-stripe-js
Example using Stripe with TypeScript and react-stripe-js This is a full-stack TypeScript example using: Frontend: Next.js and SWR react-stripe-js for
A suite of libraries for making game development with Three.js and React not only awesome
A suite of libraries for making game development with Three.js and React not only awesome, but so good, it would feel wrong to use anything else.
DeFi application with a custom ERC20 token and staking vault using vite to bundle a React.js application and ethers library to connect to the blockchain
In this workshop we will be building a DeFi application with a custom ERC20 token and staking vault using vite to bundle a React.js application and ethers library to connect to the blockchain.
Example create-react-app with minimal changes to demonstate usage of drupal-react-oauth-provider.
What? Example create-react-app with minimal changes to demonstate usage of drupal-react-oauth-provider. App logs into Drupal 9 with hardcoded username
React Form Example with usage of React Hook Form, Typescript, zod and i18next
React Form Example with usage of React Hook Form, Typescript, zod and i18next This project was bootstrapped with Create React App. Disclaimer Main goa
This monorepo is a blank(ish) starter for an Expo + Next.js app
Blank Solito Example Monorepo 🕴 npx [email protected] my-solito-app 👾 View the website ⚡️ Instantly clone & deploy 🔦 About This monorepo is
Example: Invoking React Components from Ember
Example: Invoking React Components from Ember This repo contains a runnable demo that shows how to invoke a React component from an Ember app. Run it
Solana Wallet Auth: A FullStack example
This example uses Solana's wallet adapter to sign messages and verifies their signatures on the backend, allowing for a lean way to authenticate users without the need for web2 credentials like email/password combinations or social providers, in this scenario all you have to do is connect your wallet and sign interaction messages to be properly authenticated.
Example project for debugging purposes on a crash using react-native-skia
react-native-skia-example Example project for debugging and showcasing purposes on react-native-skia Current content Mount: Skia canvas mounting examp
A chat application built with React, Next.js, and the xmtp-js client library
React Chat Example This example chat application demonstrates the core concepts and capabilities of the XMTP Client SDK. It is built with React, Next.
Example project to show how to use components lazy loading in ReasonReact
reason-react-lazy-loading Example project to show how to use components lazy loading in ReasonReact. Reason / BuckleScript adaptation from https://med
A tiny example set up for using gRPC-Web with Go and React
Small Go/React/TypeScript gRPC-Web example
Todo app using React, Express and Passport for sign in with username and password.
todos-react-express-password This app illustrates how to use Passport with React and Express to sign users in with a username and password. Use this e
🐋 3D Docker containers viewer built with Electron, React and Three Fiber
🐋 3D Docker containers viewer built with Electron, React and Three Fiber
An example implementation of a top-down 2d game made with React and react-three-fiber
react-three-fiber Game Demo This repo shows an example implementation of a top-down 2d game made with React and react-three-fiber. I used the core fun
React & Firebase Boilerplate Example
React & Firebase Boilerplate Example This boilerplate utilizes Firebase Realtime Database, Firestore and Firebase Auth in a Next.js App. This app uses
🇬🇧 ᴇɴ : Advanced shopping cart system [React (context api) + Framer-motion]
🇬🇧 ᴇɴ : Advanced shopping cart system [React (context api) + Framer-motion] 🇫🇷 ꜰʀ : Système de panier avancé [React (api de contexte) + Framer-motion]
🍰 An extensible, layer based shader material for ThreeJS
lamina 🍰 An extensible, layer based shader material for ThreeJS These demos are real, you can click them! They contain the full code, too. 📦 More ex
Next.js internationalization with react-intl example
Next.js internationalization with react-intl example This project is a tutorial on how to do internationalization (i18n) in Next.js projects with buil
Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo
Full-stack application example Using NodeJS + NestJS, React + SASS, MongoDB, NX monorepo
NextJS Starter Example for Running Zesty.io CMS
Zesty.io + NextJS Getting Started Node and NPM need to be installed. From your command line.
TSS & Gatsby example
An example project to showcase how to implement tss-react with Gatsby JS and Material UI.
React Shoe - a project developed to study the Three.js technology for 3d objects and framer motion for 2d animations
React Shoe - a project developed to study the Three.js technology for 3d objects and framer motion for 2d animations
React Three Fiber FPS control for mobile and desktop
React Three Fiber FPS control for mobile and desktop
An example React Native Firebase application integrating authentication
Firebase Authentication Example for React Native Thank you for trying the Firebase Authentication example 👏 Just want to try it? It's live right here
Raymarching abstraction for creating simple SDF animations with threejs
Raymarching abstraction for creating simple SDF animations with threejs
Gamedex built with React.js and Three.js
👾 Gamedex Hello world! My internet name is Suboptimal and I am an Indian software engineer. Gamedex is the repo where I keep track of my game dev + c
Example project on how to create a react single page application that authenticates with Auth0 and has private routes.
ReactJS Auth0 Bootstrap Example project on how to create a react single page application that authenticates with Auth0 and has private routes. You can
Builder.io Headless Page Builder example with Shopify Hydrogen
Builder.io + Shopify Hydrogen - headless visual page building example Example repo using Builder.io for drag and drop page building with Shopify hydro
Shopify NextJS App Example. No custom NextJS server needed
Shopify NextJS App Example An example app built with NextJS that can be setup an
React-counter - Access the internal state of React components from Cypress E2E tests
react-counter Access the internal state of React components from Cypress E2E tes
React-image-viewer - An image viewer example for react.js
React Image Viewer Demo Installation npm i react-image-viewer-dv Usage import {
An example of a schema-based form system in React. Define your schema, and pass it into the form. Supports basic conditional schema.
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
React.js Login, Logout, Registration example with JWT and HttpOnly Cookie
React Login and Registration example with JWT and HttpOnly cookie For more detail, please visit: React Login and Registration example with JWT and Htt
Zkp-merkle-airdrop-fe-ex - Example of computing proofs for the zkp-merkle-airdrop-contracts sample repo in the browser
React + NextJS + Webpacking Example of computing proofs for the zkp-merkle-airdr
Nextjs-chakra-navigation-example - NextJS with chakra-ui responsive nav example
nextjs-chakra-navigation-example I looked at how to implement navigation in next
Dapp-core-components - A library that holds the core logic of a dapp on the Elrond Network with an example to get started easily
A library that holds the core logic of a dapp on the Elrond Network with an example to get started easily
Mealdrop is a reproduction of a real-world application to serve as an example for all the cool things you can do with Storybook
Mealdrop is a reproduction of a real-world application to serve as an example for all the cool things you can do with Storybook
Faunadb-netlify - An Example of using FaunaDB with Netlify functions
Netlify + Fauna DB Using FaunaDB & Netlify functions https://github.com/netlify/
Remix-cloudflare-prisma - An example of prisma working on cloudflare pages with Remix
Remix Cloudflare Prisma Example Developed by Jacob Paris Remix Docs Cloudflare P
This is a real time app example which is using web socket, dot net core and react.
Websocket Example This is a real time app example which is using web socket, dot net core and react. Project Case You are a factory manager and you ha
React Three Fiber, Nextjs, Tailwind and Styled-components starter
🏯 React-Three-Next starter First Load JS of 74Kb. This starter will automatically pick the marked R3F components and inject them into a canvas layout
♿️ Accessibility tools for React Three Fiber
@react-three/a11y @react-three/a11y brings accessibility to webGL with easy-to-use react-three-fiber components: Focus and focus indication Tab index
Easily edit the materials in your beautifully crafted threejs scene. Compatible vanilla and react.
three-material-editor A GLSL editor for Threejs materials. Automatically detect the WebGL programs and provide live edit for the shaders. The editor c
3D Earth: a beautiful component of earth flying line based on threejs
Language: English | 中文简体 3D Earth is a beautiful component of earth flying line
Erb-mksnapshot-example - An example on how to create an Mksnapshot for Electron
Electron React Boilerplate uses Electron, React, React Router, Webpack and React
React-node-notion - An example of a React app and Node server using Notion as a CMS
Running the Project Create an env file with your Notion credentials Create a ser
React-realtime-example - Example Demonstrating React with Realtime API Backend
Getting Started with React Realtime Example App This project contains two folder
This example shows how to use Tailwind CSS (v3.0) with Next.js
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind
Plot-create-react-app-example - An example of Observable Plot with Create React App
Observable Plot + Create React App This repository demonstrates using Observable
Hlocal-app - Create React App example with styled-components & TypeScript
Create React App example with styled-components & TypeScript The main difference
Reactts8 - An example of adding a paginate in React
react_ts8 Version: 0.9.1 Author : Kouji Nakashima / kuc-arc-f.com date : 2021/12
⚛️ Bruno Simons journey demos in React
A community driven collection of lesson-examples from Bruno Simons threejs-journey ported to React. Threejs-journey is one of the best resources avail
Example of a three-tier serverless web application using AWS CDK and React
CDK Three Tier Serverless Sample application demonstrating a three-tier web application using serverless, React and AWS CDK V2. Useful commands npm i
React Server Components + Prisma + React Router
React Server Components + Prisma + React Router This is a fork of the official R
Integration example of WebDataRocks web reporting tool with React framework
WebDataRocks integration with React framework This repository holds a sample integration project of WebDataRocks reporting tool with the React framewo
Example react native movie app with expo-cli
movie-react-native-app 🔥 Ejemplo de react native movie app, basado en The movie Database API y Expo cli 🧐 Preview 👽 Instalación 🚀 npm install or
A basic game that combines the power of React, Phaser and ThreeJS.
React - Phaser - ThreeJS Game Screenshots What kind of game is this? This game is an idle/merger game. If you don't know what it is, please google it.
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate
React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri
experimental project for babel-plugin-mutable-react-state
Goalist Mutable React Example This example is an attempt to work with babel-plugin-mutable-react-state on a simpler project to see how complicated wou
An example configuration of a fullstack Node app with PostgreSQL using Docker Compose
Usage To use this project make sure you have Docker installed then run the follo
Example of chat web application using Socket.IO with the MERN stack Client in React
Real time chat app Example of chat web application using Socket.IO with the MERN
Example using Cypress to test Create-React-App site running with custom certificate for domain "my-secure-site"
cypress-local-https Example using Cypress to test Create-React-App site running with custom certificate for domain "my-secure-site" Read the blog post
Example of using react-multimedia-capture to capture Video/Audio from React
react-multimedia-capture Example Example of react-multimedia-capture. Steps install dependencies. $ npm install Build resources $ gulp Run the server.
The List Component advanced example with Mobx state management
react-declarative Пример архитектуры React + Mobx приложения Описание В комплекте система сервисов, взаимодействующих через композицию. Она позволяет
A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.
react-planner react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-us
Example of a simple Node Serva dn React app monorepo using git submodules
All code from this tutorial as a complete package is available in this repositor
A Simple CRUD Example With React.js
CRUD IN REACT yarn yarn start My Contact Data Marlon Falcón Hernández | España | Valencia * ERP, CRM y Software: https://www.marlonfalcon.com » Email
Vite best-practise example on creating a frontend library for Vue, React and Svelte
@storyblok/vue Vue plugin to make any Storyblok component editable with a simple v-editable directive. Note: This plugin is for Vue 2. Check out the @
Simple example of using React Spectrum with the Parcel bundler
react-spectrum-parcel-starter This is an example repo to show how to integrate R
A discord OAuth code example built-in react typescript
Discord Oauth2 Example The methods was taken from Dank Memer Rewrite Website but
A next.js website that fetches random user data using axios
next.js random user using axios.get() example typescript by: UnusualAbsurd Live
React component for Globe Data Visualization using ThreeJS/WebGL
react-globe.gl React bindings for the globe.gl UI component. A React component to represent data visualization layers on a 3-dimensional globe in a sp
In-browser lightmap/AO baker for react-three-fiber and ThreeJS
react-three-lightmap In-browser lightmap and ambient occlusion (AO map) baker for react-three-fiber and ThreeJS. Live editable sandbox. Local Developm
In this application the design of an EbookApp is replicated using React Native.
EbookApp EbookApp App Concept In this application the design of an EbookApp is replicated using React Native. Desing This application is strictly visu
Simple photo gallery and example app with responsive image grid, columns customizing, one-column view with description, fullscreen preview with one click. Pure CSS for that.
react-photo-feed Photo gallery, example with public photos feed from Flickr, Yandex Simple example of photo gallery with responsive image grid, column
React Ethereum Dapp Example
React Ethereum Dapp Example Includes an example Ethereum token implementation and UI! About This is a starter boilerplate Ethereum dapp I've put toget
📬 postprocessing for react-three-fiber
react-postprocessing react-postprocessing is a postprocessing wrapper for @react-three/fiber. This is not (yet) meant for complex orchestration of eff
Small React three fiber multiplayer template
R3F.Multiplayer React three fiber, socket.io boilerplate multiplayer server and client 💻 Getting started Getting started To quickly get started Clone
Example of Widget for React Native App in iOS 14 with SwiftUI
React-Native-SwiftUI-Widget by The WuuD Team® Buiding an iOS 14 widget with SwiftUI for react-native app. 💪 Dev Team Moh Badjah Lead Backend Develope
Example Projects With Angular, Vue And React
About The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number
Node.js Express Login example (with Registration) using JWT, Cookies, MySQL database
Node.js Express Login and Registration example with JWT Appropriate Flow for User Login and Registration with JWT Authentication Node.js Express Archi
An example of a weather app UI built with Ionic and React
ionic-weather-app-ui An example of a weather app UI built with Ionic and React If you'd like to support, you can buy me a coffee ☕️ Included in this I
React Debounce Hook App Example
React Debounce Hook App Example A search bar to find users from GitHub, with implementation of denouncing to prevent API call on every key press. View
React Debounce Hook App Example
React Debounce Hook App Example A search bar to find users from GitHub, with implementation of denouncing to prevent API call on every key press. View
👀 ✏️ Edit your react-three-fiber scene with a visual editor without giving up control over your code.
React Three Editable React Three Editable is a library for React and react-three-fiber that lets you edit your scene in a visual editor while requirin
An example real-world Redux CRUD application with no boilerplate
Zero Boilerplate Redux A common criticism of Redux is that it requires writing a lot of boilerplate. This is an application that is meant to show a so
An example real-world Redux CRUD application with no boilerplate
Zero Boilerplate Redux A common criticism of Redux is that it requires writing a lot of boilerplate. This is an application that is meant to show a so
An example to show a full end-to-end app using express and redux.
Sample Express-Redux Application Purpose This is a sample project to help you bootstrap an entire web application from end to end! When trying to buil
An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express.
An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express. A stack for building apps, front and back end, with just Javascript.
Simplest redux + react example
For beginners like me to learn the concepts in Redux To run this example: Download this repo or git clone https://github.com/jackielii/simplest-redux-
React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in
A comprehensive starter kit for rapid application development using React. Why Slingshot? One command to get started - Type npm start to start develop
A Simple Birthday Check Example For React
birthday-check made by 🇸🇴 Feature:DaysToCome ✅ YearsOld Function Return How old The Person is in a Number: birthDay.YearsOld(user.DOB) DaysToBirthDa