GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hc-oss → tiny-skeleton-loader-react

hc-oss / tiny-skeleton-loader-react

Licence: other
zero dependency, ultra lightweight (1KB gzipped) skeleton loader component for react 🐥

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
CSS
56736 projects

Labels

reactlightweightloaderhacktoberfestshimmerskeleton-loader-component

Projects that are alternatives of or similar to tiny-skeleton-loader-react

flutter shimmer
Shimmer effect package for flutter
Stars: ✭ 41 (+46.43%)
Mutual labels:  loader, shimmer
webpack-modernizr-loader
Get your modernizr build bundled with webpack, use modernizr with webpack easily
Stars: ✭ 35 (+25%)
Mutual labels:  loader
GLGame
A Tiny 2D OpenGL based C++ Game Engine that is fast, lightweight and comes with a level editor.
Stars: ✭ 49 (+75%)
Mutual labels:  lightweight
ngx-loaders-css
Loaders.css component for Angular X
Stars: ✭ 13 (-53.57%)
Mutual labels:  loader
markup-inline-loader
a webpack loader to embed svg/MathML to html
Stars: ✭ 24 (-14.29%)
Mutual labels:  loader
neon
Neon is a modern VueJS design library built with Typescript and SASS
Stars: ✭ 19 (-32.14%)
Mutual labels:  lightweight
hornbill
基于uri的 node mvc框架，适用于前后端分离服务
Stars: ✭ 22 (-21.43%)
Mutual labels:  lightweight
Tasks
Tasks is an application that optimizes computer performance. Tasks improves overall system performance, boot times, and a safer experience while using your computer.
Stars: ✭ 65 (+132.14%)
Mutual labels:  lightweight
ios-application
A native, lightweight and secure one-time-password (OTP) client built for iOS; Raivo OTP!
Stars: ✭ 581 (+1975%)
Mutual labels:  lightweight
react-nested-loader
The easiest way to manage loaders/errors inside a button. NOT an UI lib.
Stars: ✭ 62 (+121.43%)
Mutual labels:  loader
got
An enjoyable golang test framework.
Stars: ✭ 234 (+735.71%)
Mutual labels:  lightweight
Translucide
CMS efficient, léger, simple à prendre en main, customisable et écoconçu !
Stars: ✭ 31 (+10.71%)
Mutual labels:  lightweight
today-web
😐 A Java library for building web applications
Stars: ✭ 33 (+17.86%)
Mutual labels:  lightweight
lunar-client-qt
Lightweight launcher for lunar client
Stars: ✭ 166 (+492.86%)
Mutual labels:  lightweight
lp-loader
Frictionless language packs for Webpack.
Stars: ✭ 14 (-50%)
Mutual labels:  loader
enkan
An explicit and simple Java framework
Stars: ✭ 70 (+150%)
Mutual labels:  lightweight
lwjson
Lightweight JSON parser for embedded systems
Stars: ✭ 66 (+135.71%)
Mutual labels:  lightweight
autoload
Aplus Framework Autoload Library
Stars: ✭ 18 (-35.71%)
Mutual labels:  loader
ngx-loader-indicator
Awesome loader for angular applications. No wrappers only you elements
Stars: ✭ 44 (+57.14%)
Mutual labels:  loader
pe-loader
A Windows PE format file loader
Stars: ✭ 81 (+189.29%)
Mutual labels:  loader
View All Similar Projects ➔

tiny-skeleton-loader-react

zero dependency, ultra lightweight (1KB gzipped) skeleton loader component for react ✨

Example

GitHub Actions Status NPM gzip

🔧 Installation

npm install --save tiny-skeleton-loader-react

📦 Usage

import React from "react";

import SkeletonLoader from "tiny-skeleton-loader-react";

class Example extends React.Component {
  render() {
    return <SkeletonLoader />;
  }
}

👀 Properties

Property Attribute Description Type Default
width width Loader Width string "100%"
height height Loader Height string "1em"
background background Loader background color string "#eff1f6"
circle circle Make Skeleton Circle boolean false
borderRadius border-radius Loader radius string "4px"
block block Whether to start new boolean true
style style Extra Styles object {}

License

MIT © hc-oss

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].