webf-native-ui
Setup and use WebF's Cupertino UI library to build native iOS-style UIs with pre-built components instead of crafting everything with HTML/CSS. Use when building iOS apps, adding native UI components, or improving UI performance.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Setup and use WebF's Cupertino UI library to build native iOS-style UIs with pre-built components instead of crafting everything with HTML/CSS. Use when building iOS apps, adding native UI components, or improving UI performance.
How to use
Zainstaluj pakiet NPM dla swojego frameworka: dla React użyj
@openwebf/react-cupertino-ui, dla Vue@openwebf/vue-cupertino-ui. Jeśli pracujesz w Flutter, zainstalujwebf_cupertino_ui.Zaimportuj komponenty z biblioteki do swojego projektu – dostępne są komponenty do nawigacji (Tab, TabBar, Scaffold), formularzy (TextField, Form Section, Form Row), dialogów (Alert Dialog, Action Sheet), list (List Section, List Tile), kontrolek (Button, Switch, Slider, Segmented Control, Checkbox, Radio) oraz ikon (1000+ SF Symbols).
Zastosuj komponenty w swoim kodzie zamiast budować UI z HTML i CSS – na przykład użyj gotowego TextField zamiast pisać input z stylami, lub Alert Dialog zamiast tworzyć modal od podstaw.
Komponenty automatycznie renderują się jako natywne widgety Flutter, dzięki czemu uzyskujesz natywny wygląd i wydajność na iOS bez dodatkowej konfiguracji.
Skorzystaj z Cupertino color system i SF Symbols dostępnych w bibliotece, aby zachować spójność z designem Apple i wytycznymi Human Interface Guidelines.
Zapoznaj się z pełną dokumentacją na https://openwebf.com/en/ui-components/cupertino, gdzie znajdziesz szczegóły każdego komponentu i przykłady użycia.