Generate Cyber Y2K UI Components and Styles

A visual sub-style reference for "Cyber Y2K" - Y2K aesthetics reinterpreted through a darker, glitchier, highly holographic modern lens. It is a child reference of a parent design-it skill and is not meant to be triggered directly - it applies when a user's aesthetic request matches this specific look. Core principles are holographic gradients (iridescent, oil-slick palettes that shift as you move), glitch art (text or images that appear corrupted, RGB-channel-split, or stuttering), and tribal/tribal-tech vector graphics blending early-2000s tribal tattoo shapes with circuit-board motifs. Visual DNA calls for a deep black background with holographic highlights mixing purple, cyan, lime green, and hot pink into fluid gradients, extremely bold stretched or highly technical monospace typography, and visuals like CD-ROM reflections, barbed wire graphics, and heavy chromatic aberration. It provides full, complete implementations across five platforms: CSS for web, an animated rainbow-gradient holographic button using background-size/background-position keyframes and mix-blend-mode: screen, plus an RGB-split glitch-text effect built from ::before/::after pseudo-elements offset in cyan and magenta; SwiftUI, three stacked, offset Text views for the RGB split and a rotating AngularGradient bound to @State for the holographic button; Flutter, Transform.translate for the glitch stack and a ShaderMask with a rotating SweepGradient for the holographic effect; React Native, stacked absolute-positioned Text nodes for the glitch, with a note that true animating holographic gradients need @shopify/react-native-skia and a static multi-stop LinearGradient is the documented fallback when Skia is unavailable; and Jetpack Compose, offset Text stacking plus Brush.sweepGradient, with a note that rotating the gradient brush itself rather than the whole widget needs a custom ShaderBrush. Do's and don'ts call for incorporating ironic raw-HTML-looking elements such as visible tables or marquee tags as a nod to early web, and explicitly forbid clean, modern geometric layouts - the style is meant to read as chaotic and rebellious.

Use this sub-style when a user's aesthetic request matches a darker, glitchy, holographic Y2K look - it is invoked as a reference within the parent design-it skill's style selection, not called directly by name. Do not use it for clean, modern, geometric layouts, since the style is explicitly defined in opposition to that aesthetic.

Input is a target platform - web, iOS, Flutter, React Native, or Android/Compose - and content to style. Output is complete, ready-to-adapt code implementing the glitch-text and holographic-gradient patterns for that platform, for example the web glitch-text CSS:

.glitch-text {
  position: relative;
  font-family: 'Courier New', monospace;
  font-size: 3rem;
  font-weight: bold;
}
.glitch-text::before, .glitch-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0; left: 0;
  opacity: 0.8;
}
.glitch-text::before {
  color: #0ff;
  z-index: -1;
  transform: translate(-3px, 2px);
}

Provides parallel implementations in CSS, SwiftUI, Flutter, React Native, noting an optional @shopify/react-native-skia dependency for true gradient rotation, and Jetpack Compose, all built around stacked offset text for the glitch effect and a rotating multi-color gradient for the holographic sheen.

Designers and frontend or mobile engineers implementing a dark, glitchy, holographic Y2K-revival aesthetic across web or native app platforms.