Animated rectangular SVG-based placeholders for React

Usage no npm install needed!

<script type="module">
  import abduljabbarAjReactSvgPlaceholder from 'https://cdn.skypack.dev/@abduljabbar-aj/react-svg-placeholder';



This package published on a whim while working on something welse. Full docs will be added soon. I will be making a general purpose version for non-React projects.

This package can be used to make SVG based rectangle placesholders for React. You can define a single rectangle, or multiple in rows or columns. See the preview below.

Install and place the samples.jsx file in your project to use right away


npm install @abduljabbar-aj/react-svg-placeholder


import PlaceholderRect from '@abduljabbar-aj/react-svg-placeholder'