Neon Tile

InstallationCopy Anchor Link

npx shadcn@latest add @vinyl/neon-tile

Works on both platforms; the @vinyl registry URL decides which version you get (see installation for web / native).

UsageCopy Anchor Link

import { NeonTile } from '@/components/ui/neon-tile';

<NeonTile size="lg">V</NeonTile>
<NeonTile shine={false}><DiscIcon /></NeonTile>

APICopy Anchor Link

Content is centred in heavy italic night, so use a letter, icon or your own mark. On native the gradient is drawn with react-native-svg, and the rim glow is an iOS shadow.