First UI ( FirstUI multi-terminal unified development UI component library, one code, multiple operations, component library, material market to create FirstUI ecology ) is a set of ultra-high-performance, ultra-high-value mobile UI comprehensive solutions, including the industry's top Advanced component library, powerful function library, rich and exquisite template library, providing uni-app (perfect support for nvue), WeChat applet, Alipay applet and other versions, taking into account high efficiency and high performance, so that your development can be improved a hundred times speed up!
1. Features of FirstUI uni-app version
- Multi-terminal support. A set of codes, suitable for end-to-end, supports iOS (vue and Nvue), Android (vue and Nvue), WeChat applets, Alipay applets, QQ applets, Baidu applets, ByteDance applets, and H5 platforms.
- Well-established components. At present, a total of 118 models are planned, and 85 models have been launched, covering basic components, form components, navigation components, layout components, common layouts, extended components, operation feedback, data components, JS, charts, and canvases.
- Rich and practical layouts and templates. Based on the components provided by FirstUI, it provides rich and practical layouts and templates for common scenarios and industries.
- Exclusive community. We have created a FirstU exclusive community, where users can share their FirstUI experience and ask questions. If you have other components and template requirements, you can also give feedback in the community.
2. Features of FirstUI WeChat Mini Program
- Excellent performance. Tailor-made for WeChat applets, meeting the development needs of WeChat applets, with superior performance
- Well-established components. Covers basic components, form components, navigation components, layout components, common layouts, extended components, operation feedback, data components, JS, charts, and canvases.
- Rich and practical layouts and templates. Based on the components provided by FirstUI, it provides rich and practical layouts and templates for common scenarios and industries.
- Exclusive community. We have created a FirstU exclusive community, where users can share their FirstUI experience and ask questions. If you have other components and template requirements, you can also give feedback in the community.
3. Update content of V1.6.0
- Added Text text component.
- Added Spin rotation animation component (VIP component).
- Added SafeArea bottom safe area component (VIP component).
- Added DataTag tag selection component (VIP component).
- Added SubmitBar to submit order bar layout content (VIP).
- Added GoodsBar product navigation bar layout content (VIP).
- Added ChatBar chat bar layout content (VIP).
- Added RollNews scrolling news layout content (VIP).
- Added CardSwiper card carousel layout content (VIP).
- BubbleBox Bubble box component optimization, new content slot (content), can customize the content of the bubble box; new attribute padding, used to adjust the padding value of the built-in content item of the bubble box.
- LoadMore optimizes loading more components, and adds a new attribute state to control the display status of components.
- Optimized the Table component, and fixed the problem of setting the image type to display incorrectly.
- Textarea multi-line input box component optimization, when adjusting maxlength to -1, two-way binding does not take effect.
- The Button component is optimized and adjusted to a thin border (0.5px) by default.
- Picker component optimization, fixed known issues.
- DatePicker date time picker component optimization, fixed known issues.
- Optimized several known issues.
4. Open source version and commercial version
The FirstUI component library is divided into an open source version and a commercial version, and some components are exclusively used by the commercial version.
1. Open source version
● uni-app version github: [ GitHub - FirstUI/FirstUI: First UI is a componentized, reusable, easy-to-extend, low-coupling cross-platform mobile UI component library developed based on uni-app. Fully compatible with App-Nvue, App-vue, Mini Programs (WeChat, Alipay, Baidu, Byte, QQ), H5. Document address: https://doc.firstui.cn ]( GitHub - FirstUI/FirstUI: First UI is a set of componentized, reusable, easy-to-extend, low-coupling cross-platform mobile UI components developed based on uni-app Library. Fully compatible with App-Nvue, App-vue, applets (WeChat, Alipay, Baidu, Byte, QQ), H5. Document address: https://doc.firstui.cn ) (Welcome star :-D)
● gitee for uni-app: [ https://gitee.com/firstui/FirstUI ]( https://gitee.com/firstui/FirstUI ) (Welcome star :-D)
● uni-app version document address: [ FirstUI UNI version ]( FirstUI UNI version )
● WeChat applet version github: [ GitHub - FirstUI/FirstUI-weixin: FirstUI-weixin is a componentized, reusable, easy-to-extend, low-coupling native WeChat applet UI component library developed based on WeChat applets. Document address: https://wxdoc.firstui.cn ]( GitHub - FirstUI/FirstUI-weixin: FirstUI-weixin is a set of componentized, reusable, easy-to-extend, low-coupling native WeChat applets developed based on WeChat applets. Program UI component library. Document address: https://wxdoc.firstui.cn ) (Welcome star :-D)
● gitee for WeChat Mini Program: [ https://gitee.com/firstui/FirstUI-weixin ]( https://gitee.com/firstui/FirstUI-weixin ) (Welcome to star :-D)
● Document address of WeChat Mini Program: [ FirstUI WeChat Mini Program ]( FirstUI WeChat Mini Program )
2. VIP membership benefits:
● Full version source code
● All components
● Enjoy VIP discounts in the Material Mall
● Exclusive member group guidance, Q&A
● Priority experience for new features
● VIP Exclusive Documentation
Member rights details: FirstUI multi-terminal unified development of UI component library, one code, multiple operations, component library, material market to create FirstUI ecology
3. Limited Time Offer
The new version is released, the current price is ￥300, and the price will be adjusted with the improvement of functions. Buy frame products to upgrade to VIP membership and enjoy VIP membership benefits.
5. The effect of some components
6. Online content
- frame
- FirstUI component library (uni-app version)
- FirstUI component library (WeChat applet version)
- template
- Login (A) template
- Login (B) template
- Login (C) template
- Login (D) template
- Portal Templates
- components
- Basic components
- Color
- Icon icon
- Button button
- Footer
- Animation animation
- StatusBar status bar
- layout components
- Layout grid layout
- Grid
- Panel panel
- Preview form preview
- List list
- Card
- form component
- Calendar calendar
- Cascader cascade selector
- Picker selector
- DatePicker date time picker
- Slider slider selector
- Form validation
-Select selector
- Input input box
- InputNumber number input box
- Label label
- Radio radio button
- Checkbox check box
- Switch switch
- Textarea multi-line input box
-Rate score
- Upload image upload
- SearchBar search bar
- Operation feedback
- ActionSheet pull-up menu
- Toast light reminder
- Backdrop mask layer
- Dialog dialog box
- DropdownMenu drop-down menu
- DropdownList drop-down menu
- Modal modal box
- Gallery Gallery
- Landscape pressure screen window
- Loading
- loadAni loading animation
- Message message prompt
- SwipeAction sliding menu
- Navigation component
- NavBar navigation bar
- Pagination pager
- BubbleBox bubble box
- SegmentedControl segmenter
- Tabbar tab bar
- BottomNavbar bottom navigation bar
- Tabs
- IndexList index list
- NoticeBar notice bar
- Sticky ceiling container
- Steps bar
- Fab floating button
- Drawer drawer
- BottomPopup Bottom pop-up layer
- TopPopup top pop-up layer
- TimeAxis time axis
- Vtabs vertical tabs
- data component
- Badges
- Alert warning box
- Avatar avatar
- Tag label
- Progress progress bar
- Collapse panel
- Circle circular progress bar
- CountDown countdown
- Divider dividing line
- LoadMore load more
- Empty default page
- Skeleton skeleton screen
- Extensions
- ShareSheet sharing panel
- Result page
- FilterBar filter bar
- SingleInput single input box
- DigitalRoller Digital Roller
-DigitalKeyboard Numeric keyboard
- LicensePlate license plate number keyboard
- SwiperDot Carousel Pointer
- CopyText Long press to copy
- CubicBezier Bezier curve
- ImageCropper image cropping
- Drag to sort
- SlideVerify slide verification
- RotateVerify rotation verification
- SliderCaptcha slider puzzle verification
- PuzzleVerify Slider Puzzle Verification
- OverflowHidden content overflow hidden
- Timer timer
- CountdownVerify verification code countdown
- Lazyload image lazy loading
- Waterfall
- Table form
- Backtop Back to top
- Canvas component
- Poster share poster
- Qrcode QR code
- Barcode Barcode
- Autograph handwritten signature
- JS components
- Clipboard copy text
- Request network request
- Utils tool class
- Validator form validation