Skip to main content

​
Overview

A futuristic search input component featuring multiple glowing rings and subtle animated halos. Perfect for creating a vibrant, immersive UI experience with a modern, sci-fi aesthetic.

​
Usage

<template>
  <HaloSearch class="custom-search" />
</template>

​
Props

Prop NameTypeDefaultDescription
classstring""Additional CSS classes for root container.

​
Features

  • Multiple glowing rings with animated halo effects
  • Smooth, ambient lighting animations
  • Futuristic UI design
  • Fully customizable styling via CSS classes

​
Credits

  • Design inspired by futuristic UI concepts and ambient lighting effects popular in modern web and app design
  • Inspired from UiVerse Search input challenge

Build docs developers (and LLMs) love

Get started for freeTalk to us