import React from 'react'; import type { Meta } from '@storybook/react-vite'; import { GradientSpinner, PlantRotating, PulseBubble, SolarSystemSpinner } from './AlexWarnesCssLoader'; import { BarsSpinner } from './BarsSpinner'; import { BoxShuffle } from './BoxShuffle'; import { DotsFadeLoader } from './DotsFadeLoader/DotsFadeLoader'; import { GooeyLoader } from './GooeyLoader'; const meta: Meta = { title: 'web/loaders', parameters: { layout: 'fullscreen', }, }; export default meta; export const Demo = () => { return (

DotsFadeLoader

BarsSpinner

bars=16 bars=20

BoxShuffle

CodePen

GooeyLoader

CodePen

AlexWarnesCssLoader

GradientSpinner

SolarSystemSpinner

PlanetRotatingBox

PulseBubble

AlexWarnes CSS Loading Animations @CodePen
); };