Softedge Documentation

Reference for our HTML/SCSS components and utilities.

Parent / child architecture, SCSS customization, JS component opt-in & new project checklist.

Slash commands (question, snapshot, clean, session) & the session workflow.

Backdrop blur effects for glassmorphism and depth.

Background overlays for text contrast on images.

Fade edges for horizontal scrolling containers.

Lift, scale, underline, style, show & group — cumulables sans conflit (transitions additives, transforms empilables).

Truncate text to a set number of lines.

Timing variables, scroll animations, stagger & accessibility.

Theme-aware curtain wipe between pages via View Transitions API.

GLightbox — images, galleries, videos, captions & configuration.

Shuffle.js — filterable grid with category buttons & smooth transitions.

Scroll-linked word-by-word text reveal with custom colors & offset.

Typing animation — cycle through strings with blinking cursor.

Image & text avatars, sizing, shapes, groups & CSS variables.

Embla Carousel — structure, columns, navigation, autoplay, responsive disable.

Continuous infinite horizontal scroll — duplicates, reverse, pause on hover & clip-linear combo.

Decorative SVG dividers — position, fluid sizing, flip & common SVG paths.