كيف يعمل (How it Works)

أقسام تشرح خطوات العمل: خطوط زمنية ومراحل، وخطوات مروية بالصور والبطاقات، وشرائح وألسنة وقوائم قابلة للطي تتنقل بينها، وشبكات وألواح برسم لكل خطوة.

يُثبَّت كل قسم وحده. اعرضه بعرض سطح المكتب أو الجهاز اللوحي أو الهاتف، وبالاتجاهين. جديد على الكتل؟ ابدأ من المقدّمة.

Center Spine Timeline

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-center-spine-timeline

Vertical Timeline Card

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-vertical-timeline-card

Contained Timeline

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-contained-timeline

Phase Line

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-phase-line

Pill Timeline

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-pill-timeline

Numbered Photo Steps

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-numbered-photo-steps

Split Photo + Step List

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-split-photo-step-list

Full-Bleed Step Panel

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-full-bleed-step-panel

Overlay Numeral Cards

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-overlay-numeral-cards

Diagonal Photo Collage

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-diagonal-photo-collage

Photo Bento Steps

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-photo-bento-steps

Fanned Dissolve Cards

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-fanned-dissolve-cards

Stacked Media + Text

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-stacked-media-text

Photo Rail + Progress

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-photo-rail-progress

Tall Visual Rail

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-tall-visual-rail

Step Tabs + Photo Panel

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-step-tabs-photo-panel

Accordion Steps

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-accordion-steps

Orbital Process

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-orbital-process

Six-Card Grid

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-six-card-grid

Column Panels

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-column-panels

Numbered Instruction Panels

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-numbered-instruction-panels

Numbered Editorial Rows

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-numbered-editorial-rows

Split Feature Band

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-split-feature-band

Rounded Cards + Device Crop

فتح بملء الشاشة

التثبيت

bash

npx @smicolon/fasla-ui@latest add how-it-works-rounded-cards-device-crop