Komponentlar holati · v0.99.3
Nima faol, nima taklifda
Faol — tizimda bor va işlatsa böladi. Taklif — jahon dizayn tizimlari tadqiqotida topilgan, FoxUI'da hali yöq narsa (tölqin-4.md · 18.10.2026). Taklif qurilib, build uni topsa — özi «Faol»ga ötadi.
FAOL283komponent
TAKLIF00 tasi P1
BAJARILGAN TAKLIF206206 tadan
TAJRIBAVIY5sinovda
| Komponent | Toifa | Qavat | Holat | Qaçondan |
|---|---|---|---|---|
Akkordeon fx-accordion | layout | molecule | Faol · beta | 0.11.0 |
Nişon kartasi fx-achievement | display | molecule | Faol · beta | 0.55.0 |
Ogohlantiriş fx-alert | feedback | molecule | Faol · beta | 0.10.0 |
Sarlavha havolasi fx-anchor-heading | navigation | primitive | Faol · beta | 0.23.0 |
API kalitlari fx-apikeys | data | pattern | Faol · beta | 0.28.0 |
Tasdiqlaş sörovi (ruxsat / rad) fx-approval | feedback | compound | Faol · beta | 0.23.0 |
Maqola sahifasi fx-article | layout | pattern | Faol · beta | 0.29.0 |
Biriktirma fx-attachment | display | molecule | Faol · beta | 0.23.0 |
Audio pleyer fx-audioplayer | display | compound | Faol · beta | 0.24.0 |
Audit jurnali fx-auditlog | data | pattern | Faol · beta | 0.29.0 |
Kiriş sahifasi fx-auth | layout | pattern | Faol · beta | 0.23.0 |
Avatar fx-avatar | display | molecule | Faol · beta | 0.2.0 |
Orqaga havolasi fx-back-link | navigation | primitive | Faol · beta | 0.23.0 |
Yuqoriga qaytiş fx-backtotop | navigation | molecule | Faol · beta | 0.29.0 |
Belgi (badge) fx-badge | display | molecule | Faol · beta | 0.1.0 |
Banner fx-banner | feedback | molecule | Faol · beta | 0.22.0 |
Ustunli röyxat fx-barlist | data | molecule | Faol · beta | 0.23.0 |
Boğlovçi nur fx-beam | display | molecule | Faol · beta | 0.29.0 |
Bento tör fx-bento | layout | pattern | Faol · beta | 0.28.0 |
Fon: naqş va effektlar fx-bg | display | primitive | Faol · beta | 0.28.0 |
Tarif va hisob-kitob fx-billing | data | pattern | Faol · beta | 0.28.0 |
Bleed (manfiy çet) fx-bleed | layout | primitive | Faol · beta | 0.29.0 |
Blog röyxati fx-blog | layout | pattern | Faol · beta | 0.29.0 |
Doska (kanban) fx-board | data | pattern | Faol · beta | 0.22.0 |
Yöl satri fx-breadcrumbs | navigation | molecule | Faol · beta | 0.13.0 |
Ommaviy panel fx-bulkbar | action | molecule | Faol · beta | 0.22.0 |
Portlaş va konfetti fx-burst | feedback | primitive | Faol · beta | 0.29.0 |
Tugma fx-button | action | molecule | Faol · beta | 0.1.0 |
Kalendar fx-calendar | input | compound | Faol · beta | 0.23.0 |
Callout fx-callout | display | molecule | Faol · beta | 0.22.0 |
AI artefakt paneli fx-canvas | display | compound | Faol · beta | 0.29.0 |
Captcha ramkasi fx-captcha | input | molecule | Faol · beta | 0.29.0 |
Karta fx-card | layout | molecule | Faol · beta | 0.1.0 |
Kartalar dastasi fx-cardstack | display | compound | Faol · beta | 0.29.0 |
Karyera sahifasi fx-careers | layout | pattern | Faol · beta | 0.29.0 |
Karusel fx-carousel | display | compound | Faol · beta | 0.24.0 |
Kaskad tanlov fx-cascader | selection | compound | Faol · beta | 0.24.0 |
Changelog lentasi fx-changelogfeed | display | pattern | Faol · beta | 0.29.0 |
Grafik fx-chart | data | pattern | Faol · beta | 0.20.0 |
Grafik kartasi fx-chartcard | data | compound | Faol · beta | 0.23.0 |
Checkbox, radio, switch fx-check | selection | molecule | Faol · beta | 0.1.0 |
Boşlaş röyxati fx-checklist | feedback | compound | Faol · beta | 0.23.0 |
Checkout fx-checkout | input | pattern | Faol · beta | 0.28.0 |
AI checkpoint fx-checkpoint | action | molecule | Faol · beta | 0.29.0 |
Chip fx-chip | selection | molecule | Faol · beta | 0.14.0 |
Yopiş tugmasi fx-close | action | primitive | Faol · beta | 0.22.0 |
Kod bloki fx-code | display | molecule | Faol · beta | 0.22.0 |
Ikki ustunli kod farqi fx-codediff | display | molecule | Faol · beta | 0.29.0 |
Rang tanlagiç fx-colorpicker | input | compound | Faol · beta | 0.24.0 |
Combobox fx-combobox | input | compound | Faol · beta | 0.15.0 |
Buyruqlar oynasi fx-command | navigation | compound | Faol · beta | 0.15.0 |
Izohlar ipi fx-comments | data | pattern | Faol · beta | 0.24.0 |
Oldin/keyin taqqoslaş fx-compare | display | molecule | Faol · beta | 0.28.0 |
Yoziş paneli (composer) fx-composer | input | compound | Faol · beta | 0.23.0 |
Cookie roziligi fx-consent | feedback | pattern | Faol · beta | 0.28.0 |
Aloqa bölimi fx-contact | layout | pattern | Faol · beta | 0.29.0 |
Kontekst ölçagiçi fx-context-meter | data | primitive | Faol · beta | 0.23.0 |
Kontekst menyu fx-context | overlay | compound | Faol · beta | 0.23.0 |
Kontekst menyu fx-contextmenu | overlay | compound | Faol · beta | 0.28.0 |
Suhbat oqimi fx-conversation | layout | pattern | Faol · beta | 0.23.0 |
Suhbatlar röyxati fx-convo | navigation | molecule | Faol · beta | 0.22.0 |
Nusxa tugmasi fx-copy | action | primitive | Faol · beta | 0.22.0 |
Son belgisi fx-count | display | molecule | Faol · beta | 0.8.0 |
Teskari sanoq fx-countdown | feedback | molecule | Faol · beta | 0.28.0 |
Promo-kod fx-coupon | input | molecule | Faol · beta | 0.28.0 |
CTA va obuna bölimi fx-cta | layout | pattern | Faol · beta | 0.28.0 |
Pul maydoni fx-currency | input | molecule | Faol · beta | 0.23.0 |
Maxsus kursor fx-cursor | display | primitive | Faol · beta | 0.29.0 |
Jonli hamkorlik kursorlari fx-cursors | display | pattern | Faol · beta | 0.29.0 |
Dashboard qolipi fx-dashboard | layout | pattern | Faol · beta | 0.28.0 |
Ma'lumot töri fx-datagrid | data | compound | Faol · beta | 0.24.0 |
Sana maydoni fx-dateinput | input | molecule | Faol · beta | 0.23.0 |
Sana tanlagiç fx-datepicker | input | compound | Faol · beta | 0.23.0 |
Sana oraliği fx-daterange | input | compound | Faol · beta | 0.23.0 |
Kunlar tasmasi fx-daystrip | input | molecule | Faol · beta | 0.29.0 |
Özgariş körsatkiçi fx-delta | data | primitive | Faol · beta | 0.22.0 |
Dialog fx-dialog | overlay | compound | Faol · beta | 0.1.0 |
Ajratgiç fx-divider | layout | primitive | Faol · beta | 0.22.0 |
Ta'rif röyxati fx-dl | data | molecule | Faol · beta | 0.14.0 |
Dock fx-dock | navigation | molecule | Faol · beta | 0.29.0 |
Prujinali sudraş fx-drag | action | primitive | Faol · beta | 0.29.0 |
Fayl yuklaş fx-dropzone | input | molecule | Faol · beta | 0.14.0 |
Effektlar (spotlight, çegara nuri, yaltiraş, yönalişli hover) fx-effects | display | primitive | Faol · beta | 0.28.0 |
Elevation va yuza qatlamlari fx-elevation | layout | primitive | Faol · beta | 0.28.0 |
Email şablonlari fx-email | layout | pattern | Faol · beta | 0.29.0 |
Emoji tanlagiç fx-emojipicker | input | compound | Faol · beta | 0.24.0 |
Böş holat fx-empty | feedback | molecule | Faol · beta | 0.10.0 |
Xatolar xulosasi fx-error-summary | feedback | molecule | Faol · beta | 0.22.0 |
Xato sahifalari töplami fx-errorpage | feedback | pattern | Faol · beta | 0.28.0 |
FAB va speed dial fx-fab | action | molecule | Faol · beta | 0.28.0 |
Faset filtr paneli fx-facets | input | pattern | Faol · beta | 0.28.0 |
FAQ bölimi fx-faq | layout | pattern | Faol · beta | 0.28.0 |
Rangli ikon plitkasi fx-featured | display | primitive | Faol · beta | 0.22.0 |
Xususiyatlar bölimi fx-features | layout | pattern | Faol · beta | 0.28.0 |
Fayl tugmasi fx-file | input | primitive | Faol · beta | 0.22.0 |
Filtr qatori fx-filterbar | input | compound | Faol · beta | 0.23.0 |
Mamlakat bayroği fx-flag | display | primitive | Faol · beta | 0.29.0 |
Suzuvçi oyna fx-floatwin | overlay | compound | Faol · beta | 0.29.0 |
Iş holati fx-flow | display | primitive | Faol · beta | 0.22.0 |
Fokus, holat qatlami va kontrast fx-focus | action | primitive | Faol · beta | 0.28.0 |
Fokusli kartalar fx-focuscards | display | pattern | Faol · beta | 0.29.0 |
Formatlaş (fxFormat) fx-format | display | primitive | Faol · beta | 0.29.0 |
Rasmlar töri fx-gallery | display | compound | Faol · beta | 0.24.0 |
Gantt fx-gantt | data | pattern | Faol · beta | 0.24.0 |
Globus va nuqtali xarita fx-globe | data | compound | Faol · beta | 0.29.0 |
Haqiqiy globus fx-globus | data | compound | Faol · beta | 0.98.0 |
Gradient tanlagiç fx-gradientpicker | input | compound | Faol · beta | 0.29.0 |
Graf kanvasi (oqim) fx-graph | data | compound | Faol · beta | — |
Kartalar töri fx-gridlist | data | compound | Faol · beta | 0.29.0 |
Sarlavha fx-heading | display | primitive | Faol · beta | 0.22.0 |
Faollik xaritasi fx-heatmap | data | molecule | Faol · beta | 0.24.0 |
«Foydali böldimi?» vidjeti fx-helpful | feedback | molecule | Faol · beta | 0.29.0 |
Hero bölimi fx-hero | layout | pattern | Faol · beta | 0.28.0 |
Hover karta fx-hovercard | overlay | molecule | Faol · beta | 0.28.0 |
Ikon fx-icon | display | primitive | Faol · beta | 0.22.0 |
Rasm fx-image | display | molecule | Faol · beta | 0.24.0 |
Rasm kesiş fx-imagecrop | input | compound | Faol · beta | 0.28.0 |
CSV import fx-import | data | pattern | Faol · beta | 0.28.0 |
Kiruvçilar fx-inbox | data | compound | Faol · beta | 0.23.0 |
Indikator fx-indicator | display | primitive | Faol · beta | 0.22.0 |
Joyida tahrir fx-inline-edit | input | molecule | Faol · beta | 0.23.0 |
Maydon (input, textarea) fx-input | input | molecule | Faol · beta | 0.1.0 |
Integratsiyalar katalogi fx-integrations | data | pattern | Faol · beta | 0.29.0 |
Interruption sahifasi fx-interruption | feedback | pattern | Faol · beta | 0.29.0 |
Element kartasi fx-item | display | molecule | Faol · beta | 0.54.0 |
JSON maydoni fx-jsonfield | input | molecule | Faol · beta | 0.29.0 |
Tugma belgisi (kbd) fx-kbd | display | primitive | Faol · beta | 0.14.0 |
Burçak / knob fx-knob | input | molecule | Faol · beta | 0.29.0 |
Hududlar navigatsiyasi (F6) fx-landmarks | navigation | pattern | Faol · beta | 0.29.0 |
Til almaştirgiç fx-langswitch | selection | molecule | Faol · beta | 0.30.0 |
Joylaşuv primitivlari fx-layout | layout | primitive | Faol · beta | 0.22.0 |
Huquqiy sahifa fx-legal | layout | pattern | Faol · beta | 0.29.0 |
Legenda fx-legend | data | primitive | Faol · beta | 0.23.0 |
Linza fx-lens | display | primitive | Faol · beta | 0.29.0 |
Xat (asosçiga taklif) fx-letter | input | compound | Faol · beta | — |
Lightbox fx-lightbox | overlay | compound | Faol · beta | 0.24.0 |
Havola fx-link | navigation | molecule | Faol · beta | 0.8.0 |
Havola oldindan köriş fx-linkpreview | overlay | molecule | Faol · beta | 0.29.0 |
Röyxat fx-list | data | compound | Faol · beta | 0.12.0 |
Variantlar röyxati fx-listbox | selection | molecule | Faol · beta | 0.15.0 |
Röyxat sahifasi fx-listpage | layout | pattern | Faol · beta | 0.23.0 |
Yuklaniş qoplamasi fx-loading | feedback | molecule | Faol · beta | 0.22.0 |
Logolar bulutiga işonç fx-logos | display | pattern | Faol · beta | 0.28.0 |
Magnit tugma fx-magnet | action | primitive | Faol · beta | 0.29.0 |
Xarita markeri fx-mapmarker | display | primitive | Faol · beta | 0.29.0 |
Markdown muharrir fx-markdown | input | compound | Faol · beta | 0.28.0 |
Yugurik qator (marquee) fx-marquee | display | molecule | Faol · beta | 0.28.0 |
Maskali kiritiş fx-mask | input | molecule | Faol · beta | 0.23.0 |
Masonry fx-masonry | layout | primitive | Faol · beta | 0.29.0 |
Jamoa a'zolari fx-members | data | pattern | Faol · beta | 0.28.0 |
Mention fx-mention | input | compound | Faol · beta | 0.23.0 |
Menyu fx-menu | overlay | compound | Faol · beta | 0.11.0 |
Menubar fx-menubar | navigation | compound | Faol · beta | 0.29.0 |
Ölçagiç fx-meter | data | molecule | Faol · beta | 0.23.0 |
Pastga qadalgan yoziş oynalari fx-minichat | overlay | pattern | Faol · beta | 0.29.0 |
Qurilma ramkasi fx-mockup | display | molecule | Faol · beta | 0.29.0 |
Şakl morfi fx-morph | action | primitive | Faol · beta | 0.29.0 |
Harakat qatlami fx-motion | display | primitive | Faol · beta | 0.28.0 |
Xabar amallari paneli fx-msgactions | action | molecule | Faol · beta | 0.23.0 |
Köp tanlov fx-multiselect | input | compound | Faol · beta | 0.23.0 |
Yon menyu fx-nav | navigation | molecule | Faol · beta | 0.1.0 |
Bildirişnoma sozlamalari fx-notifprefs | selection | pattern | Faol · beta | 0.28.0 |
Bildirişnomalar markazi fx-notify | feedback | compound | Faol · beta | 0.23.0 |
«Hozir» paneli fx-now | display | molecule | Faol · beta | 0.55.0 |
Son maydoni fx-number | input | molecule | Faol · beta | 0.14.0 |
Ulaniş / oflayn banneri fx-offline | feedback | molecule | Faol · beta | 0.28.0 |
Onboarding oqimi fx-onboarding | layout | pattern | Faol · beta | 0.28.0 |
Şar (orb) fx-orb | display | primitive | Faol · beta | 0.26.0 |
Orbita fx-orbit | display | molecule | Faol · beta | 0.29.0 |
Taşkiliy tuzilma fx-orgchart | data | compound | Faol · beta | 0.29.0 |
OTP / PIN kod fx-otp | input | molecule | Faol · beta | 0.22.0 |
Overflow «+n» fx-overflow | display | molecule | Faol · beta | 0.22.0 |
Sahifa sarlavhasi fx-page-header | layout | compound | Faol · beta | 0.13.0 |
Oldingi / keyingi fx-pager | navigation | molecule | Faol · beta | 0.23.0 |
Sahifalaş fx-pagination | navigation | molecule | Faol · beta | 0.13.0 |
Parallaks qatlamlar fx-parallax | layout | primitive | Faol · beta | 0.29.0 |
Zarraçalar fx-particles | display | primitive | Faol · beta | 0.29.0 |
Bosqiç yöli fx-path | navigation | compound | Faol · beta | 0.28.0 |
Içkaridan köriş paneli fx-peek | overlay | compound | Faol · beta | 0.23.0 |
Odam qatori fx-persona | display | molecule | Faol · beta | 0.22.0 |
Bosqiç banneri (Alfa / Beta) fx-phase | feedback | molecule | Faol · beta | 0.28.0 |
Telefon raqam fx-phone | input | molecule | Faol · beta | 0.28.0 |
Pin tugmasi (☆) fx-pin | action | primitive | Faol · beta | — |
Reja / vazifalar navbati fx-plan | display | compound | Faol · beta | 0.23.0 |
Popover fx-popover | overlay | compound | Faol · beta | 0.3.0 |
Hozir kim bor fx-presence | display | compound | Faol · beta | 0.24.0 |
Narx jadvali fx-pricing | display | pattern | Faol · beta | 0.28.0 |
Bosma qatlami fx-print | layout | primitive | Faol · beta | 0.29.0 |
Ustuvorlik fx-prio | display | primitive | Faol · beta | 0.22.0 |
Progress fx-progress | feedback | molecule | Faol · beta | 0.2.0 |
Uzun matn (prose) fx-prose | display | pattern | Faol · beta | 0.22.0 |
QR kod fx-qr | display | molecule | Faol · beta | 0.28.0 |
AI savolnoma fx-questionnaire | input | compound | Faol · beta | 0.28.0 |
Tez çiqiş fx-quickexit | action | molecule | Faol · beta | 0.29.0 |
Iqtibos fx-quote | display | molecule | Faol · beta | 0.22.0 |
Rels fx-rail | navigation | shell | Faol · beta | 0.17.0 |
Reyting fx-rating | input | molecule | Faol · beta | 0.23.0 |
Reaksiyalar paneli fx-reactbar | action | molecule | Faol · beta | 0.24.0 |
Fikrlaş (chain of thought) fx-reasoning | display | molecule | Faol · beta | 0.23.0 |
Yozuv sahifasi fx-recordpage | layout | pattern | Faol · beta | 0.28.0 |
Nisbiy vaqt fx-reltime | display | primitive | Faol · beta | 0.23.0 |
Moslaşuv qatlami fx-responsive | layout | primitive | Faol · beta | 0.28.0 |
Natija sahifasi fx-result | feedback | pattern | Faol · beta | 0.22.0 |
Javoblarni tekşiring fx-review | data | pattern | Faol · beta | 0.28.0 |
Boy matn tahrirlagiçi fx-richtext | input | compound | Faol · beta | 0.24.0 |
Konsentrik halqalar fx-rings | data | molecule | Faol · beta | 0.29.0 |
Ripple (tölqin) fx-ripple | action | primitive | Faol · beta | 0.29.0 |
Iş qatori fx-row | data | molecule | Faol · beta | 0.22.0 |
Saqlaş paneli fx-savebar | feedback | pattern | Faol · beta | 0.28.0 |
Kalendar körinişi fx-schedule | data | compound | Faol · beta | 0.24.0 |
Aylanuvçi maydon fx-scrollarea | layout | primitive | Faol · beta | 0.24.0 |
Yopişqoq scroll hikoyasi fx-scrollstory | layout | pattern | Faol · beta | 0.29.0 |
Qidiruv fx-search | input | molecule | Faol · beta | 0.9.0 |
Qidiruv natijalari sahifasi fx-searchresults | navigation | pattern | Faol · beta | 0.29.0 |
Bölim sarlavhasi fx-section-head | layout | molecule | Faol · beta | 0.22.0 |
Segment fx-segment | navigation | molecule | Faol · beta | 0.12.0 |
Tanlov (select) fx-select | input | molecule | Faol · beta | 0.9.0 |
Sessiya tugaşi ogohlantirişi fx-sessionwarn | overlay | pattern | Faol · beta | 0.29.0 |
Sozlamalar sahifasi fx-settings | layout | pattern | Faol · beta | 0.23.0 |
Ulaşiş fx-share | overlay | pattern | Faol · beta | 0.24.0 |
Yon varaq fx-sheet | overlay | compound | Faol · beta | 0.11.0 |
Ilova karkasi fx-shell | layout | shell | Faol · beta | 0.13.0 |
Klaviatura yorliqlari oynasi fx-shortcuts | overlay | compound | Faol · beta | 0.23.0 |
Imzo maydoni fx-signature | input | compound | Faol · beta | 0.29.0 |
Telefon menyusi fx-site-drawer | navigation | compound | Faol · beta | 0.23.0 |
Sayt pastki qismi fx-site-footer | navigation | pattern | Faol · beta | 0.23.0 |
Sayt sarlavhasi fx-site-header | navigation | pattern | Faol · beta | 0.23.0 |
Skelet (karkas) fx-skeleton | feedback | molecule | Faol · beta | 0.10.0 |
Slider fx-slider | input | molecule | Faol · beta | 0.14.0 |
Tartiblanadigan röyxat fx-sortable | data | molecule | Faol · beta | 0.24.0 |
Manbalar va iqtibos fx-sources | display | molecule | Faol · beta | 0.23.0 |
Davr çiziqlari fx-span | data | molecule | Faol · beta | 0.55.0 |
Spinner fx-spinner | feedback | molecule | Faol · beta | 0.10.0 |
Splash ekran fx-splash | feedback | pattern | Faol · beta | 0.29.0 |
Bölinadigan panellar fx-split | layout | compound | Faol · beta | 0.23.0 |
Körsatkiç (stat) fx-stat | display | molecule | Faol · beta | 0.2.0 |
Raqamlar bölimi fx-stats | display | pattern | Faol · beta | 0.29.0 |
Xulosa tasmasi fx-statstrip | data | molecule | Faol · beta | 0.23.0 |
Holat fx-status | feedback | molecule | Faol · beta | 0.8.0 |
Qadamlar fx-steps | navigation | molecule | Faol · beta | 0.14.0 |
Takliflar (tayyor savollar) fx-suggestions | action | molecule | Faol · beta | 0.23.0 |
Rang tanlagiç fx-swatch | selection | molecule | Faol · beta | 0.23.0 |
Almaştirgiç fx-switcher | navigation | shell | Faol · beta | 0.19.0 |
Jadval fx-table | data | compound | Faol · beta | 0.3.0 |
Tablar fx-tabs | navigation | compound | Faol · beta | 0.1.0 |
Teg kiritiş fx-tags | input | compound | Faol · beta | 0.23.0 |
Jamoa bölimi fx-team | layout | pattern | Faol · beta | 0.29.0 |
Terminal oynasi fx-terminal | display | molecule | Faol · beta | 0.28.0 |
Mijozlar fikri fx-testimonials | display | pattern | Faol · beta | 0.28.0 |
Matn fx-text | display | primitive | Faol · beta | 0.22.0 |
Matn effektlari fx-textfx | display | primitive | Faol · beta | 0.28.0 |
Mavzu almaştirgiç fx-theme-switcher | selection | molecule | Faol · beta | 0.23.0 |
Öylayapti (shimmer) va oqim kursori fx-thinking | feedback | primitive | Faol · beta | 0.23.0 |
3D egiliş karta fx-tilt | display | primitive | Faol · beta | 0.29.0 |
Vaqt maydoni fx-timefield | input | molecule | Faol · beta | 0.23.0 |
Faoliyat lentasi fx-timeline | data | molecule | Faol · beta | 0.22.0 |
Vaqt slotlari fx-timeslots | selection | molecule | Faol · beta | 0.28.0 |
Tooltip fx-tip | overlay | molecule | Faol · beta | 0.10.0 |
Toast fx-toast | feedback | molecule | Faol · beta | 0.3.0 |
Mundarija fx-toc | navigation | compound | Faol · beta | 0.23.0 |
Toggle guruhi fx-togglegroup | selection | molecule | Faol · beta | 0.23.0 |
Toggletip fx-toggletip | overlay | molecule | Faol · beta | 0.22.0 |
Vositalar paneli fx-toolbar | action | molecule | Faol · beta | 0.23.0 |
Vosita çaqiruvi kartasi fx-toolcall | display | compound | Faol · beta | 0.23.0 |
Sahifa yuklaniş çiziği fx-toploader | feedback | primitive | Faol · beta | 0.22.0 |
Tanişuv turi fx-tour | overlay | pattern | Faol · beta | 0.24.0 |
Tracker (uptime) fx-tracker | data | molecule | Faol · beta | 0.28.0 |
Ötkazgiç fx-transfer | selection | pattern | Faol · beta | 0.24.0 |
Daraxt fx-tree | navigation | compound | Faol · beta | 0.16.0 |
Daraxt jadvali fx-treegrid | data | compound | Faol · beta | 0.24.0 |
Daraxtli tanlov fx-treeselect | selection | compound | Faol · beta | 0.24.0 |
Qisqartiriş fx-truncate | display | primitive | Faol · beta | 0.22.0 |
Tipografiya rollari fx-type | display | primitive | Faol · beta | 0.28.0 |
Upsell va qulflangan funksiya fx-upsell | feedback | pattern | Faol · beta | 0.28.0 |
Video dialog fx-videodialog | overlay | compound | Faol · beta | 0.29.0 |
Video pleyer fx-videoplayer | display | compound | Faol · beta | 0.24.0 |
Saqlangan körinişlar fx-views | navigation | molecule | Faol · beta | 0.23.0 |
Virtual röyxat fx-virtuallist | data | compound | Faol · beta | 0.29.0 |
Sahifa ötişlari (View Transitions) fx-vt | navigation | pattern | Faol · beta | 0.28.0 |
Suv belgisi fx-watermark | display | molecule | Faol · beta | 0.29.0 |
Vidjet fx-widget | layout | molecule | Faol · beta | 0.54.0 |
Köp bosqiçli forma fx-wizard | navigation | pattern | Faol · beta | 0.22.0 |
Yozuv tanlovi fx-yozuv | selection | molecule | Faol · beta | — |
Hamma taklif bajarildi.
| # | Taklif | Turi | Qaysi tizimlarda bor | Ustuvorlik | Paket |
|---|---|---|---|---|---|
4.1 | Tipografiya rol şkalasidisplay/headline/title/body/label × lg/md/sm — har rol ölçam, qator balandligi, vazn va harf oraliğini birga beradi (hozir faqat font-size xs–xl + display sm/md). | qatlam | M3, Cb, Fl, Sp, Pr, Gs | P1 | A |
4.2 | Qator balandligi tokenlaritight/snug/normal/relaxed tokenlari — hozir komponentlar line-height'ni özi yozadi. | qatlam | M3, Cb, At, Ch, Pr | P1 | A |
4.3 | Harf oraliği tokenlariKatta sarlavhada manfiy, kiçik label/eyebrow'da musbat tracking tokeni. | qatlam | M3, Cb, Gs, UU | P2 | A |
4.4 | Katta display ölçamlariMarketing hero uçun display-lg…2xl; hozir eng kattasi display-md. | qatlam | UU, Ch, M3, Gs | P1 | A |
4.5 | Fluid tipografiyaclamp() asosidagi şkala — sarlavha ekran eniga silliq moslaşadi, breakpoint sakraşisiz. | qatlam | UU, Ch, Gs, Cb (expressive) | P2 | A |
4.6 | Bold (700) vazn tokeniHozir eng qalini semibold; raqamli plitka va marketing sarlavhasi uçun 700. | qatlam | M3, Cb, Ch, Pr | P3 | 5-tölqin |
4.7 | Elevation şkalasi 0–5Soya + yuza tusi juftligi darajalar böyiça (hozir faqat shadow sm/md/lg); har overlay öz darajasini oladi. | qatlam | M3, Fl, At, Sp, Cb | P1 | A |
4.8 | Yuza konteyner poğonalariQatlamlar soya emas, ton bilan ajraladi — qoronği rejimda soya körinmagani uçun zarur. | qatlam | M3, At (elevation.surface.*), Pr | P2 | 5-tölqin |
4.9 | z-index tokenlariQatlam tartibi bitta joyda; hozir komponentlarda raqamlar (masalan skip-link z-index: 10) sochilgan. | qatlam | Gst (Z-Index), At, Cb, Ch, Mn | P1 | A |
4.10 | Fokus halqasi oilasiGlobal offset, içki va ikki qavatli (rangli/qoronği fonda ham körinadigan) halqa; hozir faqat button'da outside/inset. | qatlam | At (Focus ring), Fl, Sp, Pr, GV | P1 | A |
4.11 | Container queries qatlamicard, stat, list, settings, chartcard öz eniga qarab qayta tuziladi (foxui.css'da @container hozir 0 ta). | qatlam | Ch, Gs, Pl, Tailwind v4 | P1 | A |
4.12 | Breakpoint / oyna sinflari tokenlaricompact · medium · expanded · large · xl — media va container querylar uçun yagona qiymatlar. | qatlam | M3 (window size classes), At (Responsive), Cb, Ch | P1 | A |
4.13 | RTL töliq qölloviMantiqiy xususiyatlar auditi, yönalişli ikonlarni közgulaş qoidasi, build'da RTL qöriqçisi (hozir faqat 8 joyda :dir). | qatlam | M3, Sp/RA, sh (Direction), Cb, Ark | P2 | A |
4.14 | Bosma qatlamiNavigatsiya/tugmalar yaşirinadi, havola manzili yoziladi, jadval sarlavhasi har betda takrorlanadi, sahifa sinişi boşqariladi (hozir 2 joyda). | qatlam | GV, Cb, Pr | P2 | 5-tölqin |
4.15 | Yuqori kontrast rejimiÇegaralar qalinlaşadi, xira matn töqlaşadi; forced-colors bor, prefers-contrast hozir 0. | qatlam | Pr (High contrast, Dark dimmed), Fl, Sp | P2 | A |
4.16 | Şişa material qatlamibackdrop-filter + şaffoflik + nozik çegara; qöllanmasa tekis yuza; header, sheet, toast uçun. | qatlam | HIG (Materials, Liquid Glass), Fl (Acrylic, Mica) | P2 | A |
4.17 | Holat qatlami (state layer)Har interaktiv yuzada bitta ::before qoplama: hover 8 %, fokus 10 %, bosiş 10 %, sudraş 16 % — rangni qölda tanlaş örniga. | qatlam | M3, Fl, HeroUI | P1 | A |
4.18 | 12 ustunli törUstun soni, gutter tokenlari, span/offset; hozir fx-grid faqat auto-fit va 2/3/4 ustun. | qatlam | Cb (2x Grid), At, M3 (layout), Ant (Grid) | P2 | A |
4.19 | Bleed (manfiy çet) primitiviRasm yoki jadvalni konteyner çetidan çiqariş (karta içida töliq en). | qatlam | At (Bleed), Ch (Bleed) | P3 | 5-tölqin |
4.20 | Ketma-ket va ikki qutbli viz palitralarHeatmap, choropleth, foiz özgarişi uçun 5–9 poğonali şkala; hozir faqat rol ranglari. | qatlam | Cb (Data viz palettes), Sp, MX, Pl | P2 | A |
4.21 | Ikonka optik sozlamalariÇiziq qalinligi va töldirilgan/konturli juftlik (tanlangan holat uçun). | qatlam | M3 (Symbols: fill/weight/grade), Sp, Fl (Regular/Filled) | P3 | 5-tölqin |
4.22 | ::selection va scrollbar rang tokenlariMatn tanlaş va global scrollbar rangi mavzuga boğlanadi. | qatlam | Gs, Fl, Mn | P3 | 5-tölqin |
4.23 | Formatlaş yordamçilari«1,2 MB», «12 %», «3 dona» — Intl asosida yagona funksiya; currency va reltime'ga qöşimça. | qatlam | Ch (FormatByte, FormatNumber), Ark, RA (i18n) | P3 | 5-tölqin |
4.24 | Landmark navigatsiyasiF6 / Shift+F6 bilan header → nav → main → aside ötiş. | qatlam | RA (Landmarks), Fl, Sp | P3 | 5-tölqin |
4.25 | Harakat sxemasi: fazoviy va effekt prujinalariJoy/ölçam uçun sakrovçi prujina, rang/şaffoflik uçun sakramaydigan — fast/default/slow juftliklari. | qatlam | M3 Expressive (motion physics), Fl | P2 | A |
4.26 | Moslaşuvçi overlayTelefonda popover, menyu va select avtomatik pastki varaqqa aylanadi; kompyuterda — oddiy popover. | qatlam | Sp (Tray), HIG, M3, Ch | P1 | C |
4.27 | RippleBosilgan nuqtadan tarqaluvçi tölqin — faqat expressive harakat rejimida, ixtiyoriy. | harakat | M3, HeroUI, PR (Ripple), MgU (Ripple Button) | P3 | 5-tölqin |
4.28 | View Transitions presetlariSahifalararo (MPA) va bir sahifa içidagi ötişlar: fade-through, slide, shared-axis — reduced-motion'da öçadi. | harakat | M3 (transitions), Gs, Chrome/Astro | P1 | A |
4.29 | Umumiy element (container transform)Karta → tafsilot paneli/dialog morf bölib oçiladi (rasm va sarlavha «uçib» ötadi). | harakat | M3 (container transform), HIG, Ace (Expandable Card) | P2 | A |
4.30 | Mavzu almaşinuvida aylana oçilişYoruğ↔qoronği almaşganda tugmadan aylana bölib yoyiladi (View Transitions + clip-path). | harakat | MgU (Animated Theme Toggler) | P2 | A |
4.31 | Scroll'ga boğliq kirişBlok köriniş maydoniga kirganda fade/blur/siljiş bilan çiqadi; qöllanmasa darhol körinadi. | harakat | MgU (Blur Fade), Ace, PR (AnimateOnScroll) | P2 | A |
4.32 | Öqiş progress çiziğiMaqola/hujjat tepasida scroll(root) timeline bilan tölib boruvçi çiziq. | harakat | MgU (Scroll Progress), Ace (Tracing Beam) | P2 | A |
4.33 | Şakl morfiTanlanganda/bosilganda yoy özgaradi (yumaloq → kvadratroq) — tugma va toggle guruhida. | harakat | M3 Expressive (shape morph, button groups) | P3 | 5-tölqin |
4.34 | Prujinali sudraşVaraq, karta, swipe'da barmoq qöyib yuborilgaç tezlik bilan davom etib, prujina bilan joyiga tuşiş. | harakat | HIG, M3 Expressive, Vaul (sh Drawer) | P2 | 5-tölqin |
4.35 | Aylanuvçi raqam (number ticker)stat, count, currency qiymati özgarganda raqamlar barabandek aylanadi (#43 hali qurilmagan). | harakat | Mn (RollingNumber), MgU (Number Ticker) | P2 | A |
4.36 | Holatli tugma: yuklaniş → ✓aria-busy'dan keyin qisqa ✓ yoki ✕ belgisi va asl holatga qaytiş; hozir faqat yuklaniş bor. | variant | Ace (Stateful Button), M3 Expressive | P2 | A |
4.37 | Havola tagidagi çiziq animatsiyasiHover'da çiziq çapdan öngga çiziladi (logical yönalişda). | harakat | Gs, UU | P3 | 5-tölqin |
4.38 | Parallaks qatlamlarQatlamlar scroll'da turli tezlikda siljiydi (scroll-timeline bilan). | harakat | Ace (Parallax Scroll, Hero Parallax) | P3 | 5-tölqin |
4.39 | Yopişqoq scroll hikoyasiÇapda matn qadamlari, öngda media scroll bosqiçiga qarab almaşadi. | harakat | Ace (Sticky Scroll Reveal, Container Scroll) | P3 | 5-tölqin |
4.40 | Konfetti va «yoqdi» portlaşiMuvaffaqiyat va yoqtirişda qisqa zarraçalar (harakat.md H12–H13, qurilmagan). | harakat | MgU (Confetti, Cool Mode) | P3 | 5-tölqin |
4.41 | Progressiv xiralikScroll çetida soya örniga poğonali blur — kontent ostidan ötayotgani seziladi. | harakat | MgU (Progressive Blur), HIG | P2 | A |
4.42 | Tölqinli progressÇiziqli va aylana progressning tölqinsimon (wavy) körinişi. | variant | M3 Expressive | P3 | 5-tölqin |
4.43 | Şakl morfli yuklaniş belgisiKöpburçaklar bir-biriga morf böladigan yuklaniş belgisi. | variant | M3 Expressive (Loading indicator) | P3 | 5-tölqin |
4.44 | Yozuv maşinkasiMatn harfma-harf yoziladi, kursor miltillaydi; ekran öquvçiga töliq matn darhol beriladi. | harakat | MgU (Typing Animation), Ace (Typewriter Effect) | P2 | D |
4.45 | Söz aylanişiSarlavhadagi bitta söz navbat bilan almaşadi (en silliq özgaradi). | harakat | MgU (Word Rotate), Ace (Flip Words, Layout Text Flip) | P2 | D |
4.46 | Sözma-söz paydo bölişKirişda yoki scroll'da sözlar/harflar poğonali blur-fade bilan çiqadi. | harakat | MgU (Text Animate, Text Reveal), Ace (Text Generate Effect) | P2 | D |
4.47 | Yaltiroq matn (umumiy)Matn ustidan ötuvçi nur — hozir faqat thinking'da; umumiy utilita sifatida. | harakat | MgU (Animated Shiny Text) | P3 | 5-tölqin |
4.48 | Marker bilan ajratişSöz ostiga marker çizilib boradi (körinişga kirganda); statik variant ham. | harakat | MgU (Text Highlighter), Ace (Hero Highlight), Mn (Highlight) | P2 | D |
4.49 | Gradient matnMavzu ranglaridan gradient bilan böyalgan, ixtiyoriy oqadigan matn. | harakat | MgU (Animated Gradient Text, Aurora Text) | P3 | 5-tölqin |
4.50 | Aralaş harflar (scramble)Harflar tasodifiy belgilardan asl matnga «yeçiladi». | harakat | MgU (Hyper Text), Ace (Encrypted Text) | P3 | 5-tölqin |
4.51 | Morf matnBir söz ikkinçisiga blur orqali eriydi. | harakat | MgU (Morphing Text) | P3 | 5-tölqin |
4.52 | Kursorni kuzatuvçi nur (spotlight karta)Kursor ostida karta foni/çegarasida yumşoq radial nur (pointer koordinatasi CSS özgaruvçisida). | harakat | MgU (Magic Card), Ace (Card Spotlight, Glowing Effect) | P2 | D |
4.53 | 3D egiliş kartaKursorga qarab karta perspektivada egiladi. | harakat | Ace (3D Card Effect, Comet Card) | P3 | 5-tölqin |
4.54 | Yaltiraş (glare) hoverHover'da karta ustidan diagonal yaltiraş ötadi. | harakat | MgU (Glare Hover), Ace (Glare Card) | P3 | 5-tölqin |
4.55 | Yönalişni sezuvçi hoverQoplama kursor kirgan tomondan sirpanib çiqadi. | harakat | Ace (Direction Aware Hover) | P3 | 5-tölqin |
4.56 | Çegara nuriKarta yoki tugma çegarasi böylab aylanib yuruvçi nur — «yangi», «tavsiya» urğusi. | harakat | Ant 6 (BorderBeam), MgU (Border Beam, Shine Border), Ace (Moving Border) | P2 | D |
4.57 | Magnit tugmaTugma kursorga biroz tortiladi. | harakat | Ace (Magnetic Button) | P3 | 5-tölqin |
4.58 | Linza (kattalaştiruvçi oyna)Rasm ustida kursor atrofini doira içida kattalaştiradi. | harakat | MgU (Lens), Ace (Lens) | P3 | 5-tölqin |
4.59 | Maxsus kursorHudud içida kursor örniga belgi/yorliq ergaşadi. | harakat | MgU (Pointer, Smooth Cursor), Ace (Following Pointer) | P3 | 5-tölqin |
4.60 | Fokusli kartalarBitta karta hover'da, qolganlari xiralaşadi. | harakat | Ace (Focus Cards) | P3 | 5-tölqin |
4.61 | Naqşli fon: nuqta / katak / çiziqFaqat CSS gradient + mask bilan çetga sönuvçi naqş — hero va böş holat orqasi uçun. | harakat | MgU (Dot, Grid, Striped, Hexagon Pattern), Ace (Grid and Dot Backgrounds) | P1 | D |
4.62 | Şovqin / don teksturasiSVG feTurbulence asosida yengil don — tekis gradientlarni «jonlantiradi». | harakat | MgU (Noise Texture), Ace (Noise Background) | P2 | 5-tölqin |
4.63 | Avrora / gradient mesh fonMavzu ranglaridan sekin oqadigan yumşoq doğlar; reduced-motion'da statik. | harakat | Ace (Aurora Background, Background Gradient Animation), MgU | P2 | 5-tölqin |
4.64 | Retro perspektiv törPerspektivada uzoqqa ketuvçi harakatli tör. | harakat | MgU (Retro Grid), Ace (Background Boxes) | P3 | 5-tölqin |
4.65 | Meteor / uçar yulduzlarDiagonal uçuvçi çiziqçalar. | harakat | MgU (Meteors), Ace (Meteors, Shooting Stars) | P3 | 5-tölqin |
4.66 | ZarraçalarCanvas'da siçqonçaga ta'sirlanuvçi nuqtalar. | harakat | MgU (Particles), Ace (Sparkles) | P3 | 5-tölqin |
4.67 | Nur tuşişi / spotlight fonYuqoridan tuşuvçi konus nur. | harakat | MgU (Light Rays), Ace (Spotlight, Lamp Effect) | P3 | 5-tölqin |
4.68 | Miltillovçi / interaktiv törKataklar tasodifiy yonib-öçadi yoki hover'da yonadi. | harakat | MgU (Flickering Grid, Interactive Grid Pattern) | P3 | 5-tölqin |
4.69 | Halqa tölqinlari foniMarkazdan tarqaluvçi konsentrik halqalar (masalan ikon orqasida). | harakat | MgU (Ripple), Ace (Background Ripple Effect) | P3 | 5-tölqin |
4.70 | Boğlovçi nur (animated beam)Ikki element orasida yuguruvçi nurli çiziq — integratsiya sxemalari uçun. | harakat | MgU (Animated Beam), Ace (Background Beams) | P3 | 5-tölqin |
4.71 | Yugurik qator (marquee)Logo/fikrlar çeksiz suriladi, hover'da pauza, reduced-motion'da oddiy scroll (#108). | yangi | Mn (Marquee), Ch (Marquee), MgU (Marquee), Ace (Infinite Moving Cards) | P2 | D |
4.72 | Bento törTurli ölçamdagi kataklar (2×1, 1×2) bilan xususiyatlar mozaikasi (#107). | yangi | MgU (Bento Grid), Ace (Bento Grid), UU | P2 | D |
4.73 | MasonryBalandligi har xil kartalar ustunlarga ziç joylanadi (CSS masonry + zaxira). | yangi | Ant (Masonry), Gst (Masonry) | P2 | 5-tölqin |
4.74 | Terminal oynasiBuyruq va natija qatorlari ketma-ket yoziladi — npm/CLI körsatiş uçun. | yangi | MgU (Terminal), Ace (Terminal), PR (Terminal) | P2 | D |
4.75 | Qurilma ramkasi (mockup)Skrinşotni brauzer yoki telefon ramkasida körsatiş. | yangi | MgU (Safari, iPhone, Android), Gs (Browser) | P3 | 5-tölqin |
4.76 | DockIkonlar qatori, kursorga yaqinlari kattalaşadi. | yangi | MgU (Dock), Ace (Floating Dock), PR (Dock) | P3 | 5-tölqin |
4.77 | Oldin/keyin taqqoslaşIkki rasm ustma-ust, ajratgiçni sudrab (yoki ← →) soliştiriş. | yangi | Ace (Compare), PR (ImageCompare) | P2 | D |
4.78 | Orbita / ikon bulutiMarkaz atrofida aylanuvçi ikonlar. | yangi | MgU (Orbiting Circles, Icon Cloud) | P3 | 5-tölqin |
4.79 | Globus / nuqtali xaritaNuqtalardan dunyo xaritasi, boğlaniş yoylari. | yangi | MgU (Globe, Dotted Map), Ace (World Map, GitHub Globe) | P3 | 5-tölqin |
4.80 | Kartalar dastasiUstma-ust kartalar avtomatik almaşadi. | yangi | Ace (Card Stack, Animated Testimonials) | P3 | 5-tölqin |
4.81 | Havola oldindan körişHover'da havola sahifasining kiçik rasmi. | yangi | Ace (Link Preview) | P3 | 5-tölqin |
4.82 | Ikki ustunli kod farqiEski/yangi kod yonma-yon; hozir faqat bir ustunli +/− qatorlar. | variant | MgU (Code Comparison), Pr, Gs | P3 | 5-tölqin |
4.83 | Video dialogMuqova rasm bosilsa video modal oynada oçiladi. | yangi | MgU (Hero Video Dialog) | P3 | 5-tölqin |
4.84 | Telefon maydoni + mamlakatMamlakat tanlaş (bayroq + kod), standart +998 va mask'dagi niqob; E.164 qiymat. | yangi | BW (Phone Input), UU (input with dropdown), Pl | P1 | B |
4.85 | Vaqt slotlari töriBron/uçraşuv uçun böş vaqtlar tugmalar töri, band — öçiq; kalendar bilan juft. | yangi | Mn (TimeGrid), Cal.com uslubi | P1 | B |
4.86 | Imzo maydoniCanvas'da qöl imzosi, «Tozalaş», SVG/PNG qiymat; klaviatura uçun matnli muqobil. | yangi | Ark (Signature Pad), Ch | P2 | 5-tölqin |
4.87 | Rasm kesiş (avatar/rasm)Tanlangan rasmni kvadrat/nisbatda kesiş, kattalaştiriş, ← → bilan suriş (#26). | yangi | UU (Image pickers), Ark (Image Cropper), Ant (img-crop) | P2 | B |
4.88 | Teskari sanoq / taymerAksiya tugaşi, OTP qayta yuboriş, imtihon vaqti — tabular raqam, aria-live siyrak (#9). | yangi | Ark (Timer), Ant (Statistic.Countdown) | P2 | B |
4.89 | Burçak / knob tanlagiçDumaloq tutqiç bilan burçak yoki qiymat. | yangi | Mn (AngleSlider), Ark (Angle Slider), PR (Knob) | P3 | 5-tölqin |
4.90 | JSON maydoniFokusdan çiqqanda formatlaydi, xato qatorni körsatadi. | yangi | Mn (JsonInput), EUI (Code editor) | P3 | 5-tölqin |
4.91 | Markdown muharrir«Yoziş / Köriş» tablari, kiçik panel, @mention va fayl taşlaş (#23). | yangi | Pr (Markdown editor), EUI (Markdown editor) | P2 | B |
4.92 | Promo-kod / kuponKod kiritiş → «Qöllaş» → qöllangan chip (çegirma bilan) yoki xato. | naqş | Orb (Coupon), Pl, UU | P2 | B |
4.93 | Slider: vertikalOvoz, ekvalayzer, xarita zoom uçun tik slider. | variant | M3 Expressive, Mn, Ant, RA | P2 | B |
4.94 | Slider: markazdanManfiy↔musbat sozlama (yorqinlik ±) — töldiriş noldan. | variant | M3 (centered slider), Mn | P3 | 5-tölqin |
4.95 | Slider: gistogrammali diapazonNarx filtri: ostida taqsimot ustunçalari, tanlangan oraliq yoritiladi. | variant | Orb (Slider with histogram), Airbnb uslubi | P2 | B |
4.96 | Number: formatlaşMinglik ajratgiç, foiz, birlik, prefiks/suffiks — Intl.NumberFormat bilan (hozir 0). | variant | RA (NumberField formatOptions), Mn (NumberInput prefix/suffix), Ant (formatter), Ch | P1 | B |
4.97 | Number: sudrab qiymat (scrub) va ğildirakYorliqni çapga-öngga sudrab yoki ğildirak bilan qiymat özgartiriş. | variant | Sp, RA (wheel) | P3 | 5-tölqin |
4.98 | Kalendar: hafta raqamlariÇap ustunda ISO hafta raqami. | variant | Mn (withWeekNumbers), Ant, Ch | P3 | 5-tölqin |
4.99 | Kalendar: bir neçta sanaIxtiyoriy sanalar töplamini belgilaş (dam oliş kunlari, smenalar). | variant | Mn (type=multiple), PR (selectionMode=multiple) | P2 | B |
4.100 | Kalendar: yil va ön yillik körinişiTuğilgan yil kabi uzoq sanaga tez sakraş. | variant | Ant, Mn (YearPicker, DecadeLevel), M3, PR | P3 | 5-tölqin |
4.101 | Datepicker: tayyor sanalar va tabiiy til«Bugun · Ertaga · Keyingi duşanba» va «ertaga 15:00» kabi yozuvni tuşuniş (daterange'da preset bor, datepicker'da yöq). | variant | Ant (presets), Mn (presets), Linear | P2 | B |
4.102 | Daterange: nisbiy oraliq + avto yangilaş«Oxirgi 15 daqiqa / 24 soat», «har 30 s yangilaş» — monitoring paneli uçun. | variant | EUI (Super date picker), Grafana | P2 | 5-tölqin |
4.103 | Vaqt: soat siferblati va raqamli röyxatTelefon uçun siferblat, kompyuter uçun 15 daqiqalik röyxat. | variant | M3 (Time picker dial), MX (Digital clock) | P3 | 5-tölqin |
4.104 | Kunlar tasmasi (mini kalendar)Gorizontal 7 kun, ← → hafta; bron va jadval sahifalari tepasida. | yangi | Mn (MiniCalendar), HIG | P2 | 5-tölqin |
4.105 | Dropzone: buferdan joylaş va papkaCtrl+V bilan skrinşot joylaş, papkani butunlay taşlaş (hozir yöq). | variant | RA (DropZone), Ch (File Upload), Pl | P2 | B |
4.106 | Rang tanlagiç: alfa va ğildirakŞaffoflik kanali va aylana körinişdagi ton tanlaş. | variant | Mn (AlphaSlider, HueSlider), RA (ColorWheel, ColorArea), Ch | P3 | 5-tölqin |
4.107 | Gradient tanlagiçTöxtaş nuqtalari, burçak, çiziqli/radial. | yangi | UU (Gradient pickers) | P3 | 5-tölqin |
4.108 | Reyting: emoji / yurakKayfiyat bahosi 5 ta emoji bilan. | variant | BW (Emoticon rating), Ant (character) | P3 | 5-tölqin |
4.109 | Auth: tasdiqlaş va parolni tiklaş holatlariKod kiritiş, «xat yuborildi», yangi parol — mavjud centered/split qolipda. | variant | UU (Verification, Forgot password pages), GV (Confirm email/phone) | P2 | B |
4.110 | Captcha / «bot emasman»Uçinçi tomon captcha'si uçun bir xil ramka va holatlar (#27). | yangi | PR (Captcha) | P3 | 5-tölqin |
4.111 | Qidiruv: doira tanlagiçi va mobil töliq ekran«Hammasi · Mijozlar · Bitimlar» doirasi; telefonda qidiruv butun ekranni egallaydi. | variant | HIG (Scope bar), M3 (Search view) | P2 | B |
4.112 | Dasturiy dialoglarPromise qaytaradigan tayyor tasdiq/kiritiş oynasi — HTML yozmasdan. | yangi | Ch (Overlay Manager), Mn (Modals manager), Ant (Modal.confirm, App) | P1 | B |
4.113 | Saqlanmagan özgarişlar qöriqçisiForma özgarsa pastda «Saqlaş / Bekor» paneli, sahifadan ketişda ogohlantiriş. | naqş | Pl (Contextual save bar), Ant ProForm | P2 | B |
4.114 | Aylana progressHalqa, içida foiz yoki ikon; aniq va noaniq holat (hozir faqat çiziqli). | yangi | Mn (RingProgress), Ch (Progress Circle), Ant (Progress circle), M3, HeroUI, MgU | P1 | C |
4.115 | Yarim doira ölçagiçSpidometr körinişi — meter.json'da «yöq» deb qayd etilgan. | variant | Mn (SemiCircleProgress), Ant (dashboard), MX (Gauge), Gs (Gauge), UU (Activity gauges) | P2 | C |
4.116 | Konsentrik halqalar2–3 maqsad bitta içma-iç halqada. | yangi | UU (Activity gauges), HIG (Activity rings) | P3 | 5-tölqin |
4.117 | Grafik: voronkaCRM savdo bosqiçlari: har bosqiç soni va ötiş foizi. | variant | MX (Funnel), Mn (FunnelChart) | P1 | C |
4.118 | Grafik: nuqtali / pufakliIkki ölçov boğliqligi; pufak ölçami — uçinçi qiymat. | variant | MX (Scatter), Mn (Scatter, Bubble), Cb | P2 | 5-tölqin |
4.119 | Grafik: köp seriyali va ustma-ust maydonHozir maydon faqat yakka seriyali çiziq ostida; stacked/100 % maydon yöq. | variant | MX, Mn (AreaChart), Cb | P2 | C |
4.120 | Grafik: kombinatsiya (ustun + çiziq)Ikki öqli: daromad ustun, marja çiziq. | variant | Mn (CompositeChart), MX, Cb (Combo) | P2 | 5-tölqin |
4.121 | Grafik: radarKöp mezonli taqqoslaş. | variant | MX, Mn, UU (Radar charts) | P3 | 5-tölqin |
4.122 | Grafik: treemapIerarxik uluşlar törtburçaklarda. | variant | Cb, Ant Charts | P3 | 5-tölqin |
4.123 | Grafik: şarşara va sankeyBalans özgarişi va oqim taqsimoti. | variant | MX (Sankey), Cb, Mn | P3 | 5-tölqin |
4.124 | Grafik: bulletMaqsad çiziği va zonalar bilan bitta ustun. | variant | Cb (Bullet), PDP | P3 | 5-tölqin |
4.125 | Grafik: maqsad çiziği va annotatsiyaReja/ma'lum çegara çiziği va nuqtaga izoh. | variant | MX (reference line), Mn (referenceLines), Cb (thresholds) | P2 | C |
4.126 | Grafik: interaktiv legendaLegenda bandini bosib seriyani yaşiriş/körsatiş (aria-pressed). | variant | MX, Mn, Reçarts | P2 | C |
4.127 | Grafik: zoom / brushPastki mini-grafikda oraliq tanlab yaqinlaştiriş. | variant | MX (Zoom & pan), Cb, EUI | P3 | 5-tölqin |
4.128 | Tanlanadigan KPI plitkalarPlitka bosilsa grafikdagi seriya almaşadi; tanlangani rangli çiziq bilan. | variant | Gst (TileData), Pl (Analytics) | P2 | C |
4.129 | Uptime / tracker çiziqçalariHar kun — bitta tor ustun (yaşil/sariq/qizil + söz), hover'da tafsilot (#55). | yangi | Tremor, Gs (Status), UU | P2 | C |
4.130 | Datagrid: guruhlaş va jamiUstun böyiça guruh sarlavhalari (yiğiladi), har guruh va pastda yiğindi/örtaça. | variant | MX (Row grouping, Aggregation — Premium), Ant ProTable | P2 | C |
4.131 | Datagrid: ustunni sudrab tartiblaş va ustunlar paneliSarlavhani sudrab tartib, panelda köriniş va qotiriş. | variant | MX (Column reorder, Columns panel), Ant ProTable (column settings) | P2 | 5-tölqin |
4.132 | Datagrid: katak oraliği va Excel'dan joylaşShift bilan oraliq tanlaş, Ctrl+V bilan bir neçta katakni töldiriş. | variant | MX (Cell selection, Clipboard paste — Premium) | P3 | 5-tölqin |
4.133 | Datagrid: master–detailQator ostida oçiladigan içki panel (table'da bor, datagrid'da yöq). | variant | MX (Master detail), PR | P3 | 5-tölqin |
4.134 | Jadval: telefonda kartalarga aylanişTor ekranda har qator — yorliq:qiymat juftlari bilan karta. | variant | Pl (IndexTable condensed), Cb, UU | P1 | C |
4.135 | Jadval: ustun enini özgartirişDatagrid'dagi tutqiç oddiy jadvalda ham. | variant | At (Dynamic table), RA (Table), Cb | P3 | 5-tölqin |
4.136 | Daraxt: sudrab köçiriş va qayta nomlaşBandni boşqa papkaga sudraş (klaviatura muqobili bilan), F2 bilan nomlaş. | variant | MX (Rich Tree View), At (Pragmatic DnD), Ant (Tree draggable), PR | P2 | 5-tölqin |
4.137 | Virtual röyxatMinglab bandda faqat körinadiganlar çiziladi (hozir faqat datagrid'da). | variant | RA (Virtualizer), PR (VirtualScroller), Ant (virtual) | P2 | 5-tölqin |
4.138 | Kartalar töri (GridList)Kartalarni klaviatura bilan ← ↑ → ↓ yuriş, tanlaş va amallar (fayl menejeri, galereya). | yangi | RA (GridList), Sp (CardView), Gst | P2 | 5-tölqin |
4.139 | Taşkiliy tuzilmaRahbar → bölimlar → xodimlar daraxti, tugunlarni yiğiş. | yangi | PR (OrganizationChart) | P2 | 5-tölqin |
4.140 | Bosqiç yöli (Path)CRM bitimi bosqiçlari chevronlar qatorida: ötgan ✓, joriy, keyingi; «Bosqiçni yakunlaş» tugmasi. | yangi | SL (Path), At (Progress tracker) | P1 | C |
4.141 | Qadamlar: bosiladigan navigatsiyaÖtilgan qadamga qaytiş uçun qadam tugma böladi. | variant | Ant (Steps type=navigation), Mn (allowStepSelect), Cb (Progress indicator) | P2 | 5-tölqin |
4.142 | Fayl turi belgilariKengaytmaga qarab rangli plitka + 3 harfli yorliq. | variant | UU (File type icons), At (Object) | P2 | C |
4.143 | QR kodBoğliqliksiz SVG QR, örtada logo joyi, eskirgan holati (#48). | yangi | Ant (QRCode), Ch (QR Code), Ark, UU (QR codes) | P2 | C |
4.144 | Suv belgisiMaxfiy hujjat ustida takrorlanuvçi xira yozuv (#49). | yangi | Ant (Watermark) | P3 | 5-tölqin |
4.145 | Mamlakat bayroqlariSVG bayroqlar töplami (telefon va til tanlagiç uçun). | yangi | Orb (CountryFlag), UU | P3 | 5-tölqin |
4.146 | Reltime: vaqt zonalari kartasiHover'da aniq sana UTC va mahalliy vaqtda. | variant | Gs (Relative Time Card) | P3 | 5-tölqin |
4.147 | Kontekst menyuÖng tugma yoki uzoq bosişda kursor joyida menyu; Shift+F10 / Menu tugmasi (#76). | yangi | sh (Context Menu), Ant (Dropdown trigger=contextMenu), UU (Context menus), PR (ContextMenu), HIG | P1 | C |
4.148 | Menubar«Fayl · Tahrir · Köriniş» qatori, APG menubar (#77). | yangi | sh (Menubar), Mn (Menubar), PR (Menubar) | P3 | 5-tölqin |
4.149 | Hover kartaIsm/havola ustida profil kartoçkasi (keçikiş bilan, fokusda ham) (#39). | yangi | sh (Hover Card), Ch, Mn, Park, Radix | P2 | C |
4.150 | FAB va speed dialEkran burçagidagi asosiy amal; bosilsa 3–5 amal yoyiladi (#92). | yangi | M3 (FAB, FAB menu), Ant (FloatButton), Gst (IconButtonFloating), PR (SpeedDial) | P2 | C |
4.151 | Yuqoriga qaytişUzun sahifada scroll'dan keyin çiqadi (#93). | yangi | Ant (FloatButton.BackTop), PR (ScrollTop), Mn (Affix) | P3 | 5-tölqin |
4.152 | Suzuvçi oynaSudraladigan, ölçami özgaruvçan, yiğiladigan panel (video qönğiroq, yordamçi) (#81). | yangi | Ch (Floating Panel), Mn (FloatingWindow), Ark (Floating Panel) | P2 | 5-tölqin |
4.153 | Varaq: tutqiç va töxtaş nuqtalariPastki varaq yarim/töliq balandlikda töxtaydi, tutqiçni sudrab yopiş. | variant | HIG (sheet detents), M3 (bottom sheet), Gst (SheetMobile), Vaul | P1 | C |
4.154 | Dialog: ustma-ust va sudraladiganIkkinçi dialog oçilganda birinçisi kiçrayib orqaga ketadi. | variant | Vaul (nested drawers), Ant (Modal draggable), PR | P3 | 5-tölqin |
4.155 | Sahifa sarlavhasi: scrollda yiğilişKatta sarlavha scroll'da kiçik yopişqoq qatorga aylanadi. | variant | M3 (Large top app bar), HIG (Large title) | P2 | C |
4.156 | Sayt sarlavhasi: yaşiriniş / kiçrayişPastga scroll'da yaşirinadi, tepaga qaytganda çiqadi yoki suzuvçi pill'ga aylanadi. | variant | HeroUI (Navbar shouldHideOnScroll), Ace (Floating Navbar, Resizable Navbar) | P2 | D |
4.157 | Shell: suzuvçi va içki yon menyuYon menyu iş maydonidan ajralgan karta yoki içki çegara bilan. | variant | sh (Sidebar variant) | P3 | 5-tölqin |
4.158 | Vositalar paneli: suzuvçi va tanlov paneliPastda suzuvçi kontekst panel; matn tanlanganda ustida çiqadigan formatlaş paneli. | variant | M3 Expressive (Floating toolbar), Tiptap/Notion (bubble menu) | P2 | C |
4.159 | Karusel: kiçik rasmlar navigatsiyasiPastda kiçik rasmlar qatori, joriy belgilanadi (mahsulot sahifasi). | variant | PR (Galleria), Ch (Carousel), Embla | P2 | C |
4.160 | Karusel: M3 turlariMulti-browse, hero va töliq ekran — çekkadagi slaydlar torayadi. | variant | M3 (Carousel) | P3 | 5-tölqin |
4.161 | Taniştiruv: puls nuqta (beacon)Yangi funksiya yonida pulslovçi halqa — bosilsa tur boşlanadi. | variant | Gst (Pulsar), At (Spotlight) | P3 | 5-tölqin |
4.162 | Natija: 500, 503 va oflaynHozir success/error/warning/404/403; server xatosi, texnik işlar, internet yöq holatlari. | variant | GV (Service unavailable, There is a problem), Ant (Result 500), UU | P2 | D |
4.163 | Ulaniş / oflayn bannerinavigator.onLine böyiça «Internet yöq — özgarişlar saqlanmoqda» va qayta ulandi (#74). | yangi | M3 (Snackbar), Gs, Linear | P2 | D |
4.164 | Bosqiç banneri (Alfa / Beta)Sayt tepasida «Beta — fikr bildiring» yorliği; «build in public» uçun. | yangi | GV (Phase banner) | P2 | D |
4.165 | Tez çiqiş tugmasiBir bosiş yoki 3×Shift bilan sahifani neytral saytga almaştiriş. | yangi | GV (Exit this page) | P3 | 5-tölqin |
4.166 | Tooltip guruhi: keçikişsiz ötişBir tooltip oçiq bölsa, qöşnisiga ötganda keçikişsiz çiqadi. | variant | Radix (skipDelayDuration), Fl, RA | P3 | 5-tölqin |
4.167 | Faset filtr paneliÇapda guruhlangan filtrlar, har variantda son, «Köproq», tozalaş. | naqş | EUI (Facet), Pl (Index filters), Algolia | P2 | C |
4.168 | Sörov quruvçi (AND/OR)Şart qatorlari (maydon · operator · qiymat) va AND/OR guruhlari. | variant | SL (Filter/Expression builder), MX (Filter panel), EUI | P2 | C |
4.169 | Narx jadvaliOylik/yillik almaştirgiç, «eng ommabop» belgisi, xususiyatlar taqqoslaş jadvali (#56) — FoxUI obunasi uçun ham. | naqş | UU (Pricing sections/pages), Pl, Tailwind UI | P1 | D |
4.170 | Hero bölimiEyebrow + katta sarlavha + izoh + 2 tugma + media; markaz va split variantlari. | naqş | UU (Hero header sections), Ace (Hero Sections) | P1 | D |
4.171 | Xususiyatlar bölimiIkonli tör yoki almaşinuvçi media–matn qatorlari. | naqş | UU (Features sections) | P2 | D |
4.172 | Mijozlar fikriIqtibos + avatar + lavozim; tör, karusel yoki marquee. | naqş | UU (Testimonial sections), Ace (Animated Testimonials), MgU (Tweet Card) | P2 | D |
4.173 | FAQ bölimiAccordion asosida, ikki ustunli variant, FAQPage strukturaviy ma'lumoti. | naqş | UU (FAQ sections/pages) | P2 | D |
4.174 | CTA va obuna bölimiSahifa oxiridagi çaqiriq va email obuna formasi (holatlar bilan). | naqş | UU (CTA, Newsletter CTA, Inline CTAs) | P2 | D |
4.175 | Logolar bulutiga işonçMijoz logolari qatori (kulrang, hover'da rangli), marquee bilan ham. | naqş | UU (Social proof sections) | P2 | D |
4.176 | Raqamlar bölimi3–4 katta raqam + izoh, ticker bilan. | naqş | UU (Metrics sections) | P3 | 5-tölqin |
4.177 | Jamoa, aloqa, karyera, huquqiy sahifalarMarketing sayti uçun qolgan sahifa şablonlari. | naqş | UU (Team, Contact, Careers, Legal pages) | P3 | 5-tölqin |
4.178 | Blog röyxati va maqola sahifasiKartalar töri, muallif, öqiş vaqti, mundarija, ulaşiş, öxşaş maqolalar. | naqş | UU (Blog sections, Blog posts) | P2 | 5-tölqin |
4.179 | Changelog lentasiVersiya · sana · teglar (yangi/yaxşilandi/tuzatildi) — har mijoz saytiga «Nima yangi». | naqş | Gs, Pr, Linear | P2 | 5-tölqin |
4.180 | Cookie roziligiPastki banner (Qabul / Rad / Sozlaş) + toifali sozlamalar sahifasi; GDPR 2-bosqiç uçun. | naqş | GV (Cookie banner, Cookies page) | P1 | D |
4.181 | Email şablonlariJadvalli, inline-stilli tasdiq, parol tiklaş, hisob-faktura, xabarnoma xatlari. | naqş | UU (Email templates) | P2 | 5-tölqin |
4.182 | Onboarding oqimiXuş kelibsiz → profil → jamoa taklifi → tayyor; checklist bilan boğlanadi. | naqş | UU, Pl (Setup guide), Gst (ActivationCard) | P2 | D |
4.183 | Xato sahifalari töplamiTöliq sahifa: header/footer, qidiruv, foydali havolalar, holat kodi. | naqş | GV (Page not found, Service unavailable), UU (404 pages) | P2 | D |
4.184 | Yozuv (record) sahifasiSarlavha + bosqiç yöli + tablar + öng ustunda faoliyat/izohlar — CRM bitim, mijoz kartasi. | naqş | SL (Record home), Pl (Resource details), At | P1 | C |
4.185 | Dashboard qolipiKPI qatori + grafik kartalar töri + sönggi faollik; davr tanlaş tepada. | naqş | UU (Dashboards), Cb, PDP | P1 | C |
4.186 | Jamoa a'zolari va takliflarA'zolar jadvali, rol tanlaş, email bilan taklif, «kutilmoqda» va bekor qiliş. | naqş | UU (Settings pages), Gs, Pr | P1 | B |
4.187 | Tarif va hisob-kitob sahifasiJoriy reja, foydalaniş meter'lari, tölov usuli, hisob-fakturalar jadvali. | naqş | UU (Settings — billing), Pl, Gs | P1 | B |
4.188 | API kalitlari boşqaruviYaratiş → bir marta körsatiş (nusxa) → muddati, bekor qiliş. | naqş | Gs, Pr (Personal access tokens), UU | P2 | B |
4.189 | Integratsiyalar katalogiKartalar + ulaniş holati + «Ulaş / Uziş»; toifa filtri. | naqş | Pl (Account connection), UU | P2 | 5-tölqin |
4.190 | Bildirişnoma sozlamalari matritsasiHodisa × kanal (email, Telegram, ilova) checkbox jadvali, «hammasi» ustun/qator. | naqş | Pr, Gs, UU (Settings) | P2 | B |
4.191 | Audit jurnaliKim · nima · qaçon · IP, filtr va eksport. | naqş | Pr (Security log), At, Gs | P3 | 5-tölqin |
4.192 | Upsell / qulflangan funksiya«Pro» belgisi, qulf, yangilaş taklifi banneri yoki popover. | naqş | Gst (BannerUpsell), Pl, Gs | P2 | B |
4.193 | CSV import ustasiFayl → ustunlarni moslaş → xatolar → import natijasi (wizard + datagrid). | naqş | Pl (Import), SL (Data Import Wizard) | P2 | B |
4.194 | Tölov / checkout formasiKarta (mask), manzil, buyurtma xulosasi, kupon, yuboriş holati. | naqş | GV (Payment card details, Addresses), UU (Credit cards), Pl | P2 | B |
4.195 | «Javoblarni tekşiring»Yuborişdan oldin xulosa röyxati, har qatorda «Özgartiriş» havolasi. | naqş | GV (Check answers) | P2 | B |
4.196 | Qidiruv natijalari sahifasiMoslik ajratilgan natijalar, faset, «topilmadi» yordami, saralaş. | naqş | GV, EUI, Pl | P2 | 5-tölqin |
4.197 | Sessiya tugaşi ogohlantirişi2 daqiqa qolganda taymerli dialog: «Davom etiş / Çiqiş». | naqş | GV/HMRC (Timeout warning), Cb | P3 | 5-tölqin |
4.198 | Interruption sahifasiDavom etişdan oldin muhim xabar sahifasi. | naqş | GV (Interruption pages) | P3 | 5-tölqin |
4.199 | «Foydali böldimi?» vidjetiHa/Yöq + ixtiyoriy izoh, rahmat holati (#73). | yangi | GV (feedback), Gs (Feedback), Pr | P2 | 5-tölqin |
4.200 | Splash ekranPWA ilova yuklanişida belgi + progress (#75). | yangi | HIG (Launch screen) | P3 | 5-tölqin |
4.201 | Pastga qadalgan yoziş oynalariPastki öng burçakda yiğiladigan bir neçta xat/çat oynasi. | naqş | SL (Docked composer), Gmail | P3 | 5-tölqin |
4.202 | AI: savolnomaAgent foydalanuvçidan variantli savollar söraydi, qadam-baqadam javob (#136). | yangi | sh (Questionnaire) | P2 | B |
4.203 | AI: artefakt/kanvas paneliÇat yonida yaratilgan hujjat/kod paneli (#135). | yangi | Vercel AI Elements (Artifact) | P3 | 5-tölqin |
4.204 | AI: checkpointSuhbatda «şu nuqtaga qaytiş» belgisi (#137). | yangi | Vercel AI Elements (Checkpoint) | P3 | 5-tölqin |
4.205 | Jonli hamkorlik kursorlariBoşqa foydalanuvçilar kursori va ismi iş maydonida. | naqş | MgU (Pointer), Liveblocks, Figma | P3 | 5-tölqin |
4.206 | Xarita markeriXarita ustidagi pin, klaster soni, tanlangan holat. | yangi | BW (Map Marker), Ace (3D Pin) | P3 | 5-tölqin |
| Komponent | Toifa | Qavat | Holat | Qaçondan |
|---|---|---|---|---|
AI yordamçi (widget) fx-assistant | overlay | pattern | Tajribaviy | 0.23.0 |
Gologramma karta fx-holo | display | molecule | Tajribaviy | 0.54.0 |
Material (şişa) fx-material | display | primitive | Tajribaviy | 0.58.0 |
Xabar (AI) fx-message | display | compound | Tajribaviy | 0.16.0 |
Agent izi fx-trace | feedback | compound | Tajribaviy | 0.16.0 |