react-skela

React skeleton library

Features

- Fully Customizable components: Feel free to change the colors, sizes, animation type.
- Plug and play: Use existing components or create a new one using basic react-skela (line, circle, square)
- ⚛️ Lightweight library with zero dependencies.

Demo

React Skela examples

Getting Started

sh

npm i react-skela

sh

yarn add react-skela





Usage

Base skeletons 

1. Default is a line skeleton

jsx

import Skela from 'react-skela'



const isLoading = () =>



2. circle

jsx

import Skela from 'react-skela'



const isLoading = () =>



3. square

jsx

import Skela from 'react-skela'



const isLoading = () =>





Inbuilt skeletons 



1. Table

jsx

import { SkelaTable } from 'react-skela'



const isLoading = () =>





2. Card

jsx

import { SkelaCard } from 'react-skela'



const isLoading = () =>