VCOS UI
Current production components available in the VCOS UI docs.
The component library powering vcos.dev.
Current Components
Browse the sections, testimonials, pricing, code blocks, and footer patterns currently documented in this library.
Footer Variant 1
Layered footer with an image lead-in, scalloped divider, CTA row, social icons, and a legal bar.
Footer Variant 2
Large wordmark footer with an image banner, a light sitemap grid, VCOS branding swaps, and the shared footer image asset.
Footer Variant 3
Monochrome VCOS footer with orange-to-purple wave accents, concise brand copy, and social-only actions.
Code Block
Tabbed code panel with animated line reveal and a copy-to-clipboard action.
CTA Variant 1
Dark closing call-to-action with a testimonial sidebar, bold primary CTA, and a softer secondary contact action.
CTA Variant 2
Black split-layout call-to-action with animated diagonal image windows, proof-point stats, and a strong primary action.
Pricing Section
Editorial pricing table with a billing toggle, three plan cards, and a black-and-white palette.
Features Variant 1
Toggle-driven feature comparison with a monochrome structure and section-local orange-to-purple accents.
Testimonial Variant 1
Rotating testimonial section with an oversized quote, metric highlight, and dot navigation.
Testimonial Variant 2
Dual-row testimonial marquee with opposing motion, pause-on-hover behavior, and compact customer cards.
FAQ Section
Editorial FAQ section with a sticky heading, custom plus or minus accordion toggles, and light or dark variants.
Insights Section
Dark blog section with portrait article cards, a horizontal carousel, and fixed blog headlines for editorial storytelling.
Two Modes Section
Scroll-reactive section that introduces disposable and persistent application modes with opposing card motion.
Terminal
Minimal workflow terminal with line-numbered code reveal and optional auto-cycling steps.