shredbx logo
shredbx shredbx shredbx shredbx Personal
  • Home
  • Lab
  • Portfolio
  • Experience
  • Services
  • Profile
  • Contact
AClaude
  • Home
  • Lab
  • Portfolio
  • Experience
  • Services
  • Profile
  • Contact
Andrei Solovev
Components
Search components... ⌘K
  • Animations
    • Text 11
    • Background 2
    • Hero Backgrounds 10
  • Components
    • Text Blocks 4
    • Branding 3
    • Navigation 7
    • Buttons 2
    • Cards 13
    • Tooltips 6
    • Stacks 2
    • Link Previews 2
  • Sections
    • Video Headers 1
    • Hero Sections 4
    • Landing Blocks 3
    • Process Sections 3
  • References
    • Knowledge
    • Packages
    • Process
    • Blog
Reusable Components

C C C C Components

A reusable UI system built for consistency and rapid development

A library of UI components covering layouts, navigation, animations, and visual building blocks, designed to standardize interface development across projects.

Components are defined, tested, and reused to ensure visual consistency and reduce implementation time. In the workflow, they act as a source of truth for UI generation and integration.

// ANIMATIONS

Text

View All 11
shred bx bx
e X X perimental Lab
Diagonal Slice
shredbx shredbx shredbx shredbx
eXperimental Lab eXperimental Lab eXperimental Lab eXperimental Lab
Glitch Slice
S S S S S hredbx
e X X X X X perimental Lab
Quad Split
shred bx bx bx bx bx
e X X X X X perimental Lab
Editorial Split

Background

View All 2
Gradient Mesh
Circuit Board

Hero Backgrounds

View All 10
Hero
Hero Bg Grid
Hero
Hero Bg Dots
Hero
Hero Bg Spotlight
Hero
Hero Bg Dual Beam
// COMPONENTS

Text Blocks

View All 4
Protocol Block
Stat Headline
Manifesto Stack
Terminal Block

Branding

View All 3
shredbx logo
Shredbx Logo
shredbx shredbx shredbx shredbx
Shredbx Text Logo
eXperimental Lab
Shredbx Tagline

Navigation

View All 7
shredbx
// projects
PortfolioGames
// lab
ComponentsDocs
// workspace
TeamServices
Nav Bar
Dot Nav
Sidebar Header
Browse
Categories
Sidebar Section

Buttons

View All 2
Cta Moving Border
Cta Thin Border

Cards

View All 13
Mouse Following Border
Double Border
Rainbow Gradient Card
Classic Card

Tooltips

View All 6
AS
MP
ST
DO
RN
LA
Directional Slide
AS
MP
ST
DO
RN
LA
Horizontal Follow
AS
MP
ST
DO
RN
LA
Magnetic Float
AS
MP
ST
DO
RN
LA
Gravitational Drift

Stacks

View All 2
AS
MP
ST
DO
RN
LA
Overlapping Stack
AS
MP
ST
DO
RN
LA
Glowing Circle Stack

Link Previews

View All 2
hover preview
Link Preview
split card
Split Preview
// SECTIONS

Video Headers

View All 1
Video Section Header

Hero Sections

View All 4
Full Bleed Hero
Split Screen Hero
Text Dominant Hero
Card Hero

Landing Blocks

View All 3
Timeline Zigzag
Process Steps
Timeline Vertical

Process Sections

View All 3
Phase Pipe Strip
Phase Spec Table
Process Live Terminal
shredbx logo shredbx shredbx shredbx shredbx Andrei Solovev

Solution Architect & Lead Software Engineer

ExperiencePortfolioResearch & ExperimentsEducationCertificationSkills
GitHub ↗LinkedIn ↗Email ↗
AVAILABLE FOR NEW PROJECTS
// MY LATEST BEATS
Hobby & Interests

Lab

  • The Lab
  • Framework
  • Components
  • Packages
  • Games
  • Process (SDLC)
  • Knowledge
  • Blog

Andrei

  • Portfolio
  • Experience
  • Services
  • Profile
  • Contact
  • Lifestyle

Team

  • Team
  • Andrei
  • Claude

Legal

  • Privacy
  • Terms
  • Cookies
© 2026 shredbx.com. All rights reserved. — Andrei Solovev |