98 Components & Libraries
React ssr Libraries
Remix + Preact for SSR, Preact + Islands + On Demand Compilation for client side interactions.
Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.
Twitter 2.0 with REACT.JS! (Next.js, Sanity CMS, Typescript, SSR, Tailwind & GoogleAuth)
Twitter 2.0 with REACT.JS! 🔴 LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE Sanity HERE This project was bootstrapped with Create Rea
Twitter 2.0 with REACT.JS! (Next.js, Sanity CMS, Typescript, SSR, Tailwind)
Twitter 2.0 with REACT.JS! 🔴 LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE Sanity HERE This project was bootstrapped with Create Rea
Griffel (German for stylus/pen) is CSS-in-JS with near-zero runtime, SSR support and styles defined with JavaScript objects
✏️ Griffel CSS-in-JS with ahead-of-time compilation. Griffel (German for stylus/pen) is CSS-in-JS with near-zero runtime, SSR support and styles defin
Webpack+react+redux+react-loadable SSR isomorphic rendering
webpack react loadable redux ssr English document An introduction to Welcome to React-SSR-lazy-Loading documentation! description: 0 cost learning, th
Build react 18 + SSR from scratch 💪
After React v18 is published, I think it's time to build React app with server-side rendering (SSR) once with those new APIs. Before that, I always use Next.js when it comes to SSR.
React 18 Streaming SSR Showcase with 5 examples
streaming-ssr-showcase This repository contains 5 examples that show the usage of Streaming SSR API that got added in React 18. Feel free to ask any q
⭐ A non-SSR React starter with TypeScript / No Redux repo with the aim to implement scalable gold star standards from the get go!
A React starter repo with the aim to implement "scalable gold star" standards from the get go giving some examples with a couple of screens.
React starter kit for static apps (NO SSR): React + Vite + wouter + jest + testing-library + Prettier + ESLint + Stylint
Intention is to have some light-weight starter kit for any react (static) applications. Faster 🚀 build time, type-safe, linting, etc, are the things which have been considered for this setup.
Server Side Rendering with Preact + PHP
Server Side Rendering with Preact + PHP This is a demo project showcasing how to achieve limited SSR with Preact and PHP, without extensions. You coul
Minimalistic library for Web3 user interfaces
Wen? Now! A library to simplify your Web3 data fetching.
A plateform made for sharing static files with dynamic routing. Made using Express, React SSR, JWT, MySQL.
XeCours A plateform made for sharing static files with dynamic routing. Made using Express, React SSR, JWT, MySQL.
A clone of Hacker News written in TypeScript using Remix and React
Hacker News Clone Remix/React This is a clone of Hacker News written in TypeScript using Remix and React. It is intended to be an example or boilerpla
Blogspace - A complete website developed with Next SSR, Typescript, Prismic CMS
Título: Spacetraveling Descrição: Um website completo desenvolvido com Next SSR,
Simple and powerful fetching React library
Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.
🚀 The Progressive App Framework Based On React
icejs A universal framework based on React.js, Docs. Features 🐒 Engineering:Out of the box support for ES6+、TypeScript、Less、Sass、 CSS
A different approach to responsive styling for React Native Web apps who use Server Side Rendering
React SSR Responsive Demo This experiment takes a different approach to responsive styling for React Native Web apps who use Server Side Rendering. DE
Brownie-next-mix - Everything you need to use NextJS with Brownie
Brownie NextJS Mix This mix comes with everything you need to start using NextJS
POC-next-ssr-media-queries - An experiment and evaluation of different strategies to handle media queries when doing SSR
POC Next SSR media queries TLDR: useMediaQuery is more versatile, and future pro
Fully featured Next.js / React eCommerce boilerplate. Combine rich marketing content with product information to create highly converting online stores
Fully featured Next.js / React eCommerce boilerplate. Combine rich marketing content with product information to create highly converting online stores. Fully tuned for performance with JAMStack edge page generation.
An SSR compatible approach to CSS media query based responsive layouts for React.
@artsy/fresnel The Fresnel equations describe the reflection of light when incident on an interface between different optical media. – https://en.wiki
React Server Side Rendering with Express
React Server Side Rendering with Express Implementing Server Side Rendering (SSR
🌏 Create React App companion for universal app. No eject, auto SSR, zero config, full HMR, and more (inactive project)
cra-universal Create React App Universal CLI Create React App companion for universal app. No eject, zero config with customization, supports string a
Custom cursors for React
custom-pointer-react 🚀 Custom cursors for React NPM · Demo 🚀 Quickstart Install the npm package yarn add custom-pointer-react Next, import & customi
Simple Context menu component for react showing all parent's node menus in theirs contexts.
Simple Context menu component for react showing all inherited parents menu with SSR compatibility.
"Buildless" starter project for React w/ SSR runs on Deno
✖️ buildless-deno-react-ssr This is a React starter/boilerplate project. Comparing to its alternatives, it completely works buildless with the power o
A tiny(around 1.3kb gzip) React library to generate colorful text placeholders 🎨
React Spectrum A tiny(around 1.3kb gzip) React library to generate colorful text placeholders 🎨 Inspired by this code illustration on CodeSandbox hom
React Component to lazy load images and components using a HOC to track window scroll position.
React Component to lazy load images and other components/elements. Supports IntersectionObserver and includes a HOC to track window scroll position to improve performance.
A webpack plugin for react apps to do SSR
react-ssr-webpack-plugin react-ssr-webpack-plugin is a webpack plugin to generate JS files for server side rendering. These JS files are able to outpu
The Next.js like React framework for better User & Developer experience!
Vitext ⚡ 🚀 The Next.js like React framework for better User & Developer experience 💡 Instant Server Start 💥 Suspense support ⚫ Next.js like API 📦
Foxpage SDK for JavaScript in the browser and Node.js.
Foxpage SDK for JavaScript in the browser and Node.js.
Server Side render your interactive React Gutenberg blocks
Block Editor SSR Server Side render your interactive React Gutenberg blocks. A Human Made project. Maintained by @joehoyle. Block Editor SSR adds supp
The easiest way to translate your NextJs apps.
next-i18next The easiest way to translate your NextJs apps. If you are using next-i18next in production, please consider sponsoring the package with a
Personal website built using react, nextjs, tailwind, and graphql deployed to vercel.
Website My personal website built using nextjs. Getting Started Clone the repository git clone [email protected]:searchableguy/website.git Move inside th
🐶 React hook for making isomorphic http requests
useFetch 🐶 React hook for making isomorphic http requests Main Documentation npm i use-http Features SSR (server side rendering) support TypeScript s
Boss Lite - React Redux Material Admin Template
Boss Lite - React Redux Material Admin Template Boss Lite is admin dashboard template based on React and Redux. It provides you clean modern design an
A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
react-multi-carousel 👋 Production-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-si
Simple multifunctional controlled react.js carousel component. Touch enabled, responsive, infinite, with autoplay support. (with ssr support)
react-simply-carousel Simple && small controlled React.js carousel component (touch enabled, infnite and responsive) Table of contents Installation Us
SSR template: Typescript + React + Router + Express + Jest
SSR: Typescript + React + Router + Express + Jest React server side rendering with Node Express server This template has the following main dependenci
React code splitting made easy. Reduce your bundle size without stress ✂️ ✨ .
React code splitting made easy. Reduce your bundle size without stress ✂️ ✨ . npm install @loadable/component Docs See the documentation at loadable-c
CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
Stitches Style your components with confidence CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
🚀 The final answer to a React Universal Component: simultaneous SSR + Code Splitting
React Universal Component 🍾 🍾 🍾 GIT CLONE 3.0 LOCAL DEMO 🚀 🚀 🚀 React Universal Component Intro What makes Universal Rendering so painful Install
Extremely fast static renderer for tweets.
React Static Tweets Extremely fast static renderer for tweets. Why? Twitter's embedding SDK is horribly slow and inefficient. For embedding tweets on
Next.js Component-level data fetching with SSR support
Next.js Component-level data fetching with SSR support This repo contains the source code for the medium article This is a Next.js project bootstrappe
🐶 React hook for making isomorphic http requests
useFetch 🐶 React hook for making isomorphic http requests Main Documentation npm i use-http Features SSR (server side rendering) support TypeScript s
😎 🏞 A React Img component let you handle image UX and performance as a Pro!
😎 🏞 A React Img component let you handle image UX and performance as a Pro!
CSS-in-JS solution with style-to-state bindings, SSR, and a next-level developer experience.
A set of modules is for CSS-in-JS solution that includes state-to-style bindings, SRR and next-level developer experience. It includes a framework-agnostic implementation
React template with SSR by using Firebase Cloud Functions
React template with SSR by using Firebase Cloud Functions
The ultimate React SSR, Redux-powered example.
Redux server-side The ultimate React SSR, Redux-powered example. But why? Does any of the following sentences describe your SSR adventures? You'd love
A lightweight open source alternative to linktree, complete with Docker container that hosts your web server and code. Written in ReactJS SSR.
🔗 LittleLink-Server This project is based on the great work from littlelink It takes the same simple approach to a link page and hosts it within a No
🦕 Deno, ESM + React: No build, no bundle, all streaming
Deno, ESM + React: No build, no bundle, all streaming Ultra is a web framework that leans hard into your browser's native features. Embrace the future
Markdown编辑器,react版本,支持ssr,支持切换主题,支持prettier美化文本,图片粘贴上传,图片裁剪上传,支持仅预览模式。
md-editor-rt react 版本的 Markdown 编辑器,md-editor-v3同系列项目。 文档与在线预览:传送门 功能一览 快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏等; 内置的白色主题和暗黑主题,支持绑定切换; 支持快捷键插入内容;
A Minimal Setup & Fast Boilerplate for React.js with Vite.
A Minimal Setup & Fast Boilerplate for React.js with Vite Features 🚀 Dynamic Pages Routing with react-router-dom from React.js
A Minimal Setup & Fast Boilerplate for React.js with Vite.
A Minimal Setup & Fast Boilerplate for React.js with Vite Features 🚀 Dynamic Pages Routing with react-router-dom from React.js 🚀 Fast development wi
React visual primitives with first-class TypeScript support and a tiny footprint.
tsstyled React visual primitives with first-class TypeScript support and a tiny footprint. TL;DR: This library is a styled-components rewrite that is
A Fetch Library Support React New Suspense SSR
use-suspense-fetch A data fetching library for React Suspense. inspired by use-asset Feature use LRU Cache support create custom cache support React 1
A most advanced ssr framework support React/Vue2/Vue3 on Earth that implemented serverless-side render specification.
A most advanced ssr framework support React/Vue2/Vue3 on Earth that implemented serverless-side render specification.
@react-hookz/web is a library of general-purpose React hooks built with care and SSR compatibility in mind.
React hooks done right, for browser and SSR.
A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.
A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.
Flareact is an edge-rendered React framework powered by Cloudflare Workers.
Edge-rendered React framework built for Cloudflare Workers
🚀 A Vite Typescript SSR React boilerplate!
A blazingly modern web development stack. This template repo tries to achieve the minimum viable example for each of the following:
:rocket: Blazing fast page load and seamless navigation.
React Server is now defunct Consider Next.js instead. React Server React framework with server render for blazing fast page load and seamless transiti
:recycle: React integration for Apollo Client
React Apollo ⚠️ THIS PROJECT HAS BEEN DEPRECATED ⚠️ Please note that 4.0.0 is the final version of all React Apollo packages. React Apollo functionali
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
React PWA v2 A highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience. Demo: https://demo.reactpwa.co
🦅 Gank api base △ next.js (react&ssr)
Introduction next.js(react ssr repo) and gank api Features Use react SSR framework next.js UI ant design antd Mobile UI ant design antd-mobile Support
The easiest way to translate your NextJs apps.
next-i18next The easiest way to translate your NextJs apps. If you are using next-i18next in production, please consider sponsoring the package with a
Universal dynamic routes for Next.js
Dynamic Routes for Next.js Easy to use universal dynamic routes for Next.js Express-style route and parameters matching Request handler middleware for
:rocket: Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Full stack web application skeleton Getting started Clone and install dependencies: $ git clone https://github.com/oh-my-c0de/oh-my-fullstack.git ./my
Next.js + Redux + styled-components + Express = 😇
Next.js redux starter An opinionated Next.js starter kit with Express, Redux, styled-components, and react-testing-library. About Next.js is an awesom
Example of blog built with React, Next.js, Firebase Firestore, Styled-Component, Mobx State Tree and other cool technologies
Next Blog Firestore This blog uses Next.js for SSR & Firebase Firestore API for storing and fetching data. Create and edit your content in simple cust
:zap: JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
next-express-bootstrap-boilerplate Contents TL;DR. Installation. App structure. Express integration. Goodies. Compatibility, Further reading, Contribu
:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
RAN : React . GraphQL . Next.js Toolkit New version is coming... Follow up here: https://github.com/Sly777/ran/issues/677 Features Hot-Reload Ready fo
Hosting NextJS app in Firebase with Cloud Functions.
Nextjs in Firebase with Bootstrap Hosting NextJS app in Firebase with Cloud Functions. Getting started with NextJS App with Firebase from scratch is a
React server side rendering support for Fastify with Next
React server side rendering support for Fastify with Next
The Full-stack Framework for React and other in Deno.
The Full-stack Framework for React and other in Deno.
🐰 Rax is a progressive React framework for building universal application. https://rax.js.org
Rax is a progressive React framework for building universal applications. 💌 Write Once, Run Anywhere: write one codebase, run with Web, Weex, Node.js
Modern file uploading - components & hooks for React
Modern file-upload components & hooks for React. Contents Intro Documentation Installation Packages Examples Important Concepts Resumable Uploads UMD
React ESI: Blazing-fast Server-Side Rendering for React and Next.js
React ESI: Blazing-fast Server-Side Rendering for React and Next.js React ESI is a super powerful cache library for vanilla React and Next.js applicat
👻 Zero-configuration framework-agnostic static prerendering for SPAs
react-snap Pre-renders a web app into static HTML. Uses Headless Chrome to crawl all available links starting from the root. Heavily inspired by prep
React ESI: Blazing-fast Server-Side Rendering for React and Next.js
React ESI: Blazing-fast Server-Side Rendering for React and Next.js React ESI is a super powerful cache library for vanilla React and Next.js applicat
The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.
The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State. Table of Contents Articles Featu
Internationalization for react done right. Using the i18next i18n ecosystem.
react-i18next IMPORTANT: Master Branch is the new v10 using hooks. $ v10.0.0 npm i react-i18next react-native: To use hooks within react-native, you m
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:
React Enterprise Starter Kit 🔥 Highly Scalable, performant and amazing react boilerplate for react developers to get started and improve web building
Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes
This is beta. Official release coming soon Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting,
Boilerplate with React client and Express backend written in TypeScript. Offers performance and extended functionality. Comes with SSR and without need to learn a framework. Helps to avoid frequent React-Express integration pitfalls.
Project Highlights Performance. Achieved by webpack tree shaking, script bundle minification and compression (gzip and Brotli). Complimented by server
:rocket: Blazing fast page load and seamless navigation.
React Server is now defunct Consider Next.js instead. React Server React framework with server render for blazing fast page load and seamless transiti
:recycle: React integration for Apollo Client
React Apollo ⚠️ THIS PROJECT HAS BEEN DEPRECATED ⚠️ Please note that 4.0.0 is the final version of all React Apollo packages. React Apollo functionali
A light-weight type-safe Elm-like alternative for Redux ecosystem, inspired by hyperapp and Elmish
Hydux A light-weight Elm-like alternative for Redux ecosystem, inspired by Hyperapp and Elmish. Contents Hydux Contents Features Try it online! Instal
A simple middleware-style router for isomorphic JavaScript web apps
Universal Router A simple middleware-style router that can be used in both client-side and server-side applications. Visit Quickstart Guide (slides) |
React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr
The recommended Code Splitting library for React ✂️✨
React code splitting made easy. Reduce your bundle size without stress ✂️ ✨ . npm install @loadable/component Docs See the documentation at loadable-c
:hourglass_flowing_sand: A higher order component for loading components with promises.
A higher order component for loading components with dynamic imports. Install yarn add react-loadable Example import Loadable from 'react-loadable'; i
☯️ React hook to determine if you are on the server, browser, or react native
useSSR ☯️ React hook to determine if you are on the server, browser, or react native Need to know when you're on the server, in the browser or in reac
use Server-Side Effect ✨in React SSR app
useSSE useSSE is abbreviation for use server-side effect. It is a custom React hook to perform asynchronous effects both on client and serve side. npm
🐶 React hook for making isomorphic http requests
useFetch 🐶 React hook for making isomorphic http requests Main Documentation npm i use-http Features SSR (server side rendering) support TypeScript s
hooks-first CSS-in-JS library, focused on semantics and runtime performance
Trousers 👖 React components are more stylish with Trousers! Try it here Trousers is a hooks-first CSS-in-JS library, designed to help developers auth
Async HTTP request data for axios. Designed for diverse UI states, SSR and data pre-caching.
React useApi() Axios-based React hooks for async HTTP request data. react-use-api feeds API data to React components when SSR (Server-Side Rendering),