GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - ServiceStack/servicestack-react: React Tailwind Components

BranchesTags
Open more actions menu

Latest commit

 

History

85 Commits
85 Commits

Folders and files

NameName
Last commit message
Last commit date
.github/workflows
.github/workflows
 
 
examples
examples
 
 
src
src
 
 
tests/unit
tests/unit
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
SETUP.md
SETUP.md
 
 
env.d.ts
env.d.ts
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
postcss.config.cjs
postcss.config.cjs
 
 
tailwind.config.cjs
tailwind.config.cjs
 
 
tsconfig.config.json
tsconfig.config.json
 
 
tsconfig.json
tsconfig.json
 
 
vite.config.ts
vite.config.ts
 
 
vitest.config.ts
vitest.config.ts
 
 

Repository files navigation

@servicestack/react

ServiceStack's React Component Library - A comprehensive collection of React components for building modern web applications.

Features

  • 🎨 Beautiful UI Components - Pre-styled components with Tailwind CSS
  • 🔄 Framework Agnostic Routing - Works with React Router, Next.js, or plain HTML
  • ⚡ React 19 Compatible - Full support for React 19 including SSR mode
  • 📦 TypeScript Support - Fully typed components and APIs
  • 🎯 AutoQuery Integration - Built-in components for ServiceStack AutoQuery APIs
  • 🌙 Dark Mode Support - All components support dark mode out of the box

Quick Start

Installation

npm install @servicestack/react

Configuration

The library supports multiple routing solutions. Choose the one that fits your project:

React Router (Vite, CRA, etc.)

import { setLinkComponent } from '@servicestack/react'
import { Link } from 'react-router-dom'

setLinkComponent(Link)

Next.js

import { setLinkComponent } from '@servicestack/react'
import Link from 'next/link'

setLinkComponent(Link)

No Router (Plain HTML)

No configuration needed! Components will automatically use standard anchor tags.

For detailed setup instructions, see SETUP.md.

Recommended IDE Setup

VSCode + ESLint + TypeScript

For the best development experience, we recommend:

  • ES7+ React/Redux/React-Native snippets
  • Built-in TypeScript support in VSCode

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Examples

Check out the examples directory for complete setup examples:

  • React Router Setup - Vite + React + React Router
  • Next.js App Router Setup - Next.js 13+ with App Router
  • Next.js Pages Router Setup - Traditional Next.js routing
  • No Router Setup - Plain React without routing

Documentation

For comprehensive documentation, visit docs.servicestack.net/react

License

This project is licensed under the terms specified in the LICENSE file.

About

React Tailwind Components

Resources

Readme
BSD-3-Clause license

Security policy

Security policy
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.