Skip to content

About

A dependency-free, high-contrast SVG loading spinner designed for the GenLayer Portal. Features smooth infinite loops, dark/light mode adaptability, and strict adherence to GenLayer's Adjudication Layer visual identity.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

GenLayer Kinetic Spinner

A minimalist, high-contrast animated spinner designed for the GenLayer Portal. It reflects the "Adjudication Layer" identity through a visual representation of AI reasoning and consensus finality.

Design Identity

  • Reasoning Arc: Kinetic Cobalt #110FFF
  • Consensus Arc: Success #00FF66
  • Adjudication Core: Pulsing Geometric Block

Features

  • Web-Ready: Pure SVG with embedded CSS. No external dependencies.
  • Responsive: Scales perfectly to any size without pixelation.
  • Dark/Light Mode: High contrast on both Ceramic Node (#F5F5F5) and Carbon Void (#070707) backgrounds.
  • Smooth Motion: Custom cubic-bezier easing for a fluid, infinite loop.

Live Demo

Visit the GitHub Pages URL of this repository to see the spinner animated on light and dark backgrounds.

Usage

Import genlayer-spinner.svg directly into any React/Vue/HTML project.

About

A dependency-free, high-contrast SVG loading spinner designed for the GenLayer Portal. Features smooth infinite loops, dark/light mode adaptability, and strict adherence to GenLayer's Adjudication Layer visual identity.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages