GeckoFX

Open-source library of premium animated SVG components for modern websites. live link

GeckoFX is a collection of handcrafted SVG components designed for developers who want their products to look technical, futuristic, and memorable.

No generic corporate illustrations. No bloated assets.

Just clean, customizable, animated SVGs built for landing pages, dashboards, developer tools, AI products, infrastructure platforms, and startups.

Why GeckoFX?

Most illustration libraries are filled with people pointing at charts.

GeckoFX focuses on what developers actually build and love:

• AI chips
• Satellites
• Server racks
• Drones
• Mechs
• GPUs
• Robotics
• Infrastructure
• Sci-fi inspired technology

Every asset is designed as a reusable component with animation and theming support.

Features

• Lightweight SVG-based components
• Built for React
• Smooth motion-powered animations
• Themeable colors and styles
• Dark-mode friendly
• Open source
• Developer-first API

Example

import { Satellite } from "@geckofx/react";

export default function Hero() {
  return (
    <Satellite
      size={420}
      animate
      theme="neon"
    />
  );
}

Philosophy

The modern web has become increasingly generic.

GeckoFX exists to bring back personality, engineering aesthetics, and visual identity through high-quality animated technical illustrations.

Making the internet less slope.

Roadmap

Core Collection

• Satellite
• Turret
• Drone
• AI Chip
• GPU Cluster
• Server Rack
• Robot Arm
• Mechanical Keyboard
• Quantum Core
• Validator Node

Themes

• Wireframe
• Blueprint
• Neon
• Terminal

Future

• Component CLI
• Motion presets
• Figma support
• SVG generation tooling
• Interactive playground

Contributing

Contributions, ideas, and new component designs are welcome.

If you've built something that deserves a place in GeckoFX, open a PR.