Stunning Shaded Canvas In React – UVCanvas

Description:

The UVCanvas library provides a set of React components to create beautifully shaded canvas for modern web and mobile applications.

These components are ultra lightweight and come with zero configuration, high performance, better tree shaking, and thorough documentation.

How to use it:

1. Install and import a component of your choice into your React project.

# Yarn
$ yarn add uvcanvas
# NPM
$ npm install uvcanvas
# PNPM
$ pnpm add uvcanvas
import { 
  Lumiflex,
  Zenitho,
  Novatrix,
  Velustro,
  Tranquiluxe,
  Opulento 
} from "uvcanvas"

2. Use the shaded canvas in your project.

export default function Home() {
  return (
    <div>
      <Lumiflex />
      <Zenitho />
      <Novatrix />
      <Velustro />
      <Tranquiluxe />
      <Opulento />
    </div>
  )
}

3. Common props.

export interface CommonProps {
  onReady?: () => void
}
export interface TimeProps {
  time?: number
  speed?: number
}
export interface ControlProps {
  paused?: boolean
}

Preview:

UVCanvas Zenitho

Zenitho

UVCanvas Novatrix

Novatrix

UVCanvas Velustro

Velustro

UVCanvas Tranquiluxe

Tranquiluxe

UVCanvas Opulento

Opulento

Add Comment