۰۱ — کامپوننت‌ها

قفسه

هر کامپوننتی که اینجاست، روی همین سایت در حال اجراست. ببینش، تنظیمش کن، بعد سورس، دستور نصب، یا پرامپتی را بردار که آن را در پروژهٔ خودت می‌گذارد.

17 components
Sort

نمایش ۱۷ از ۱۷ کامپوننت

Mascot Avatar

رسانه

A face generated from a seed — same string, same face, every time. No image files and no lookup table, so there is no "not found" case for a call site to answer.

۳۱۸ خط
صفحه

Process Story

جلوه‌ها

The scroll-driven studio process section — numbered phases that pin, advance, and hand off to the next as you scroll through them.

۳۵۹ خط
صفحه

File Card Collections

رسانه

Stacked file cards that fan out on hover — used for the project deliverables view in the client dashboard.

۱۰۳ خط
صفحه

Template FX

جلوه‌ها

The scroll-driven effects layer used on the template pages — parallax, reveal, and pinned sections composed together.

۱۳۸ خط
صفحه

Story Scroll

جلوه‌ها

Full-bleed scroll sections that declare their own background theme, so fixed chrome above them can invert as each one passes.

۱۴۸ خط
صفحه

Dynamic Island TOC

ناوبری

A floating table of contents that collapses to a pill and expands on hover, tracking the section currently in view.

۴۶۴ خط
صفحه

Pixel Avatar

رسانه

A set of hand-drawn pixel faces rendered from a grid definition. No image files — each face is data, so it scales cleanly and themes with CSS.

۳۶۴ خط
صفحه

Feature Carousel

رسانه

A stacked-card carousel where the inactive cards stay visible behind the active one, rotating on a timer or by click.

۱۶۴ خط
صفحه

Animated Theme Toggler

دکمه‌ها

Light/dark switch that animates the transition through the View Transitions API, with an optional click sound.

۱۵۰ خط
صفحه

Hover Text

متن

Per-character hover response — letters lift and weight up as the cursor passes, then settle back.

۲۲ خط
صفحه

Cookie Consent

روپوش‌ها

A consent banner that defaults to declining non-essential cookies and remembers the choice — no dark patterns, no pre-ticked boxes.

۲۱۷ خط
صفحه

Text Rotate

متن

Cycles through phrases, animating each character independently. Stagger direction, split mode, and timing are all controllable.

۲۱۵ خط
صفحه

Interactive Hover Button

دکمه‌ها

A pill button whose label slides out as an arrow slides in. The dot expands to fill the button on hover.

۱۷۵ خط
صفحه

Breadcrumb

ناوبری

Accessible breadcrumb trail — composable parts with the current page marked via aria-current rather than styling alone.

۱۱۳ خط
صفحه

Button

دکمه‌ها

The base button, plus the Liquid and Metal variants — glassy and brushed-metal treatments built on the same primitive.

۳۸۸ خط
صفحه

Input

ورودی‌ها

The base text field — themed borders, focus ring, and disabled state wired to the design tokens.

۲۶ خط
صفحه

Label

ورودی‌ها

The form label primitive — ties to its control, and dims in step with a disabled peer instead of staying at full contrast.

۲۵ خط
صفحه