Component library
Components
75 documented components, each with its own page and live variations. Everything draws exclusively from the token layer — switch the theme in the header and every example restyles.
Signature
7 components
Envelope
The opening moment: guest name, wax seal, 3D flap, card slide-out. Tap the seal.
2 variations →
WaxSeal
Pressed-wax monogram seal in the theme's primary wax; cracks with the seal-break preset.
1 variation →
CoupleMonogram
Generated SVG monogram with a theme-aware decorative ring.
1 variation →
CountdownTimer
Display-face countdown with pulsing gold separators.
1 variation →
EventTimelineItem
One themed event with .ics download and directions.
1 variation →
RSVPForm
Ornate radio cards, guest stepper, per-event checkboxes, theme meals. Persists to localStorage.
1 variation →
PhotoFrame
Theme-aware photo mat: arch, scallop, circle, polaroid.
1 variation →
Features
4 components
ThemedOpening
The invitation's grand reveal — a different animation per theme (wax seal, marigold burst, jaali gates, cathedral doors…). See all eight on the Openings page.
4 variations →
FamilyTree
Two households joined by a gathbandhan knot — elders above, the couple in the middle, siblings below, connectors in the theme's ornate color.
2 variations →
EventCalendar
A month grid marking every function with its own custom icon. Click a day to see what's happening; navigate months with the arrows.
2 variations →
VideoFrame · VideoHero
Ornate film players for save-the-date reels: gold controls, theme frame shapes, corner flourishes. Poster-only mode when no src is given.
2 variations →
Sections
5 components
SectionHeader
Overline + display title + optional accent-face subtitle and motif divider — the header every invite section shares.
2 variations →
ThemedCard
A card that automatically wears the active theme's border style, material and pattern wash — no per-theme branching.
3 variations →
ThemedHero
The invite's opening spread: theme greeting in its own script, names in display-xl, the theme's material and pattern behind.
2 variations →
OurStorySection
The full 'how we met' spread: drop-capped story, two themed photo frames, and a connected timeline of moments.
1 variation →
DecorativeBorder
Twelve card-border designs masked from the theme's ornate color. Full gallery on the Borders page.
2 variations →
Core UI
8 components
Button
Primary, secondary, ghost and celebration variants with a slow gold loading spinner.
2 variations →
Input · Select · Textarea
Form fields with the gold double-line focus ring.
1 variation →
Card
plain · ornate (mehndi corners) · envelope (paper depth).
1 variation →
Badge · Avatar · Divider
Status badges, gold-ring avatars, motif dividers.
1 variation →
Stepper
Onboarding steps as diyas that light up when reached.
2 variations →
Table
Guest table with ivory zebra rows and sticky ornate header.
1 variation →
Stat · Sparkline
KPI card with display number, delta arrow and inline SVG sparkline.
2 variations →
ToggleGroup · Switch
Segmented control and the gold-bead switch.
1 variation →
Ornaments
13 components
ThreadBorder
The dhage-ki-patti: a 3D running silk thread with corner knots, stitched around a panel.
2 variations →
StitchedEdge
Tailor's running-stitch outline — like the hem of a dupatta.
1 variation →
ZariBraid
Woven gold braid strip — a zari border for headers and footers.
1 variation →
Toran
Doorway garland with gently swinging mango leaves and marigolds.
2 variations →
Bunting
Festive triangle flags strung on a gold cord.
1 variation →
LaceEdge
Scalloped paper-lace edge with hanging beads.
1 variation →
CornerFlourish
Calligraphic corner swirls — the four corners of a card.
1 variation →
OrnateFrame
The full physical-card treatment: double border, corner flourishes, paper texture, themed pattern wash.
2 variations →
Embossed · Debossed · Glass
Letterpress materials: raised, pressed and frosted panels.
1 variation →
GoldFoilText
Foil-stamped metallic lettering with a moving sheen.
1 variation →
ShimmerDivider
Thin gold rule with a travelling light sweep.
1 variation →
Sparkles
Twinkling star field for hero moments.
1 variation →
WaxDrip
Melted-wax edge in the theme's primary wax colour.
1 variation →
Wedding décor
12 components
DiyaRow
A shelf of flickering diyas — each flame offset in time.
2 variations →
GarlandDivider
Varmala swag between sections.
1 variation →
BandBaajaMarquee
Celebratory scrolling text band in the theme primary.
2 variations →
HaldiSplash
Organic turmeric-paste blob backdrop for playful sections.
1 variation →
KaleeraTassel
A swinging bridal kaleera tassel — hang from headers.
1 variation →
SehraFringe
Beaded sehra fringe strip for the bottom edge of banners.
1 variation →
MandapCanopy
Four-post canopy silhouette to crown a section.
1 variation →
RangoliMedallion
Radial rangoli centrepiece for hero backgrounds.
1 variation →
ScrollCard
A royal farmān — paper scroll with rolled ends.
1 variation →
TicketCard
Baraat boarding pass with a perforated stub.
1 variation →
FoldCard
A card whose cover folds open in 3D — tap to open.
1 variation →
PolaroidStack
A fanned pile of polaroids; hover to straighten one.
1 variation →
Typography
9 components
ScriptText
Great Vibes calligraphy — the hand-lettered face for names and flourish words.
1 variation →
BilingualHeading
Rozha One Devanagari line over an English display heading.
1 variation →
UrduVerse
Noto Nastaliq Urdu couplet, flowing right-to-left.
1 variation →
VerseBlock
Shayari between oversized gold quotation marks.
1 variation →
DropCap
Illuminated first letter for story paragraphs.
1 variation →
WaveText
Per-letter rising reveal when scrolled into view.
1 variation →
TypewriterText
Character-by-character reveal with a gold caret.
1 variation →
AnimatedCounter
Ease-out count-up for stats and countdowns.
1 variation →
KineticUnderline
Heading with a gold underline that draws itself.
1 variation →
Timeline
4 components
ConnectedTimeline
Vertical events joined by a dashed dhaga, each with a custom wedding icon.
1 variation →
HorizontalItinerary
Left-to-right day flow with connected icon stops.
1 variation →
DayScheduleCard
One day's run-sheet with display-face times.
1 variation →
MilestoneRibbon
A folded ribbon banner for milestones.
1 variation →
Interactive
13 components
FlipCard
3D flip between an ornate front and a primary-color back.
1 variation →
HoverTiltCard
Pointer-tracked 3D tilt with a spring return.
1 variation →
ConfettiButton
A celebration button that bursts marigold petals on click.
1 variation →
Chip
Filter chip with a filled selected state.
1 variation →
ProgressGarland
Progress rendered as marigolds lighting up along a thread.
1 variation →
RatingDiyas
1–5 rating as lit diyas.
1 variation →
SeatCard
Table-assignment card in calligraphy.
1 variation →
RelationCard
Family-tree person tile with a gold-ring photo.
1 variation →
QRCard
Stylised QR placeholder for printed cards.
1 variation →
ShareRow
WhatsApp share and a working copy-link button.
1 variation →
WeatherCard
Static forecast tile for the big day.
1 variation →
GlowBadge · PulseDot
Small live-status elements.
1 variation →
Marquee
Generic seamless scroller for logos, hashtags, icons.
1 variation →