Skills
.Work. You
Rest

loader-preloader

Community

Brand-first preloader with smooth loading.

Design & Creative#branding#react#animation#ui-ux#gsap#web-performance#preloader
Authorikastner
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Masks the initial loading time with a branded preloader experience.

Core Features & Use Cases

  • Preloader with a 0-100 counter and progress bar to convey loading progress and reinforce branding.
  • Logo reveal with curtain split for a strong branding moment during startup.
  • Flexible variants (Counter, Logo Reveal, or Text-based preloaders) that can be plugged into the app root.

Quick Start

Integrate the PreloaderCounter or PreloaderLogoReveal components at the root layout and ensure the preloader blocks scrolling during activation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: loader-preloader
Download link: https://github.com/ikastner/skills-larockette/archive/main.zip#loader-preloader

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.