logologo

Eclair UI

ComponentsComponentsTemplatesTemplatesToolsToolsFAQsFAQs
GitHub (opens in a new tab)
Discord
  • All Components
  • INSTALLATION
  • Install Next.js
  • Install Tailwind CSS
  • Add Utilities
  • CLI
  • BLOCKS
  • FAQs
  • Heros
  • Pricing
  • COMPONENTS
    • Gopx Accordion
    • Avatar Stack
    • Emoji Buttons
    • Folder Hover Buttons
    • Galaxy Buttons
    • Gopx Buttons
    • Video Buttons
    • Hover Fill Card
    • Profile Card
    • Slide In Card
    • Zoom Blur Card
    • Infinite Carousel
    • Stacked Carousel
    • Gopx Dropdown
    • Disclosable FAB
    • Gopx Bento Grid
    • Page Header
    • Copyable Input
    • Torsional Link
    • Peelable Sticker
    • Lifted Tab
    • Ghost Label
    • Shimmer Text
    • Image Tooltip
    • Text Tooltip
  • AESTHETICS
    • Bricks
    • Check
    • Cross
    • Dots
    • Grid
    • Matrix
    • No-Signal
    • Plus
Question? Give us feedback → (opens in a new tab)Edit this pageRequest a feature →
Components
Backgrounds
Matrix

Background Matrix

A customizable React component that creates a matrix background using SVG, with adjustable color, size, and fade effects.

Aesthetics Effects Backgrounds Matrix

GridNo-Signal

eclair logoeclair logo

Eclair UI

A product by GopxDotDev
Building in public by @bettercallgopal

Site

  • Components
  • Templates
  • Tools
  • FAQs

Resources

  • React.js
  • Next.js
  • Tailwind CSS
  • Framer Motion

Community

  • Github
  • Discord

Connect us

  • Twitter
  • Email

Legal

  • License
  • Privacy Policy
  • Terms & Conditions

© 2025 GopxDotDev™. All Rights Reserved.