2020年20個Flutter最漂亮的UI庫和項目

2022-01-08 老孟Flutter


老孟導讀:下面是目前Github上最流行的20個 Flutter UI庫或者項目。

Best-Flutter-UI-Templates

地址:https://github.com/mitesh77/Best-Flutter-UI-Templates

The History of Everything

地址:https://github.com/2d-inc/HistoryOfEverything

flame

一款簡約的Flutter遊戲引擎。地址:https://github.com/flame-engine/flame

flutter_swiper

地址:https://github.com/best-flutter/flutter_swiper

Flutter UI Kit

flukit (Flutter UI Kit)是一個Flutter Widget庫。地址:https://github.com/flutterchina/flukit

flutter-ui-nice

地址:https://github.com/nb312/flutter-ui-nice

The Flutter Vignettes

地址:https://github.com/gskinnerTeam/flutter_vignettes

flutter_easyrefresh

地址:https://github.com/xuelongqy/flutter_easyrefresh

FL Chart

地址:https://github.com/imaNNeoFighT/fl_chart

Flutter Spinkit

地址:https://github.com/jogboms/flutter_spinkit

flutter_staggered_grid_view

地址:https://github.com/letsar/flutter_staggered_grid_view

flutter_slidable

地址:https://github.com/letsar/flutter_slidable

Animated Text Kit

地址:https://github.com/aagarwal1012/Animated-Text-Kit


flutter_ui_challenge_flight_search

地址:https://github.com/MarcinusX/flutter_ui_challenge_flight_search



Flutter Staggered Animations

地址:https://github.com/mobiten/flutter_staggered_animations

Flutter-Neumorphic

地址:https://github.com/Idean/Flutter-Neumorphic

sample_formTrace

地址:https://github.com/trentpiercy/trace

before_after

地址:https://github.com/xsahil03x/before_after

giffy_dialog

地址:https://github.com/xsahil03x/giffy_dialog

相關焦點

  • Flutter項目實戰:編寫一個非常精美的Flutter Todo-List項目
    介紹「一日清單」是一個小巧、簡潔而又漂亮的app,它可以幫你隨手記錄日常的各項計劃,如果你恰好有寫任務計劃的習慣,那麼它一定非常適合你。各位開發者們請扶好你們的秀髮,下面就我來帶領各位參觀參觀這個項目的內部構造第三方庫項目中使用了一些非常優秀的第三方庫,也特別感謝這些開發者們,讓我的發量保持健康下面就是這些控制項的信息控制項說明dio網絡請求shared_preferences本地存儲provider狀態管理test單元測試carousel_slider滑動控制項circle_list環形列表
  • 28個頂級的React UI組件庫,請查收!
    本文將介紹 20 多個優秀的 React 組件,幫助開發者迅速地應用它們。React Material-UI 是一組實現了谷歌 Material Design 設計語言的 React 組件。它在 GitHub 上的 Star 數將近 4 萬,可能是最受歡迎的 React 組件庫了,目前版本是 v1.3.1。
  • Flutter 原理及美團實踐
    自從2017年5月發布第一個版本以來,目前Flutter已經發布了近60個版本,並且在2018年5月發布了第一個「Ready for Production Apps」的Beta 3版本,6月20日發布了第一個「Release Preview」版本。
  • 編寫一個非常精美的Flutter Todo-List項目
    下面,針對使用者和開發者,我將來分別介紹一次面向使用者的介紹豐富的主題選擇app中,可以在主題切換界面選擇各種主題顏色進行切換,app自帶六個默認主題,這些都是我經過多次嘗試所挑選出來的顏色搭配。同時你也可以選擇自定義主題顏色
  • Flutter 完整開發實戰詳解 (Flutter 畫面渲染的全面解析) | 開發者說·DTalk
    當調用 setState 時,RenderObject 就會往上的父節點去查找,根據 isRepaintBoundary是否為 true,會決定是否從這裡開始往下去觸發重繪,換個說法就是: 確定要更新哪些區域。
  • 用前端最舒服的躺姿 "搞定" Flutter
    2020年5月,Flutter 團隊帶來了的第一個穩定版本,Flutter 1.17.x 版。NavigationRail 非常適合在移動和桌面設備之間切換的應用。還增加了新的 Animations 庫,提供了實現新的 Material motion規範的預構建動畫。
  • 這幾款ReactJS最優秀的UI框架,你用過幾個? || 附《react中文入門教程》電子版
    Material-UI是一款React組件庫來實現Google的Material Design風格UI界面框架。也是首個React的UI工具集之一。使用它可以快速搭建出賞心悅目的應用界面。Ant-design是阿里巴巴團隊出品的ReactUI組件庫。有自己獨特的設計風格和理念。在支付寶、螞蟻金服等多個阿里項目中投入使用。組件化質量非常高,開箱即用。
  • Flutter Widget - Container 布局詳解
    在繪製過程中,Container 首先應用變換(transform),然後繪製裝飾(decoration)來填充區域,接著繪製子部件,最後繪製前景裝飾(foregroundDecoration),同時填充該區域。
  • 探索Flutter混合開發技術方案(下)——淺析Flutter Boost原理
    BoostContainerNative端加載容器在Android側,結合項目的路由框架,然後定義Flutter跳轉的schema協議,比如flutter://page,當調用Router.openPage("flutter://page")時(假如你的路由框架是這麼設定的),路由層判定為跳轉Flutter頁面
  • 半小時帶你入門 Flutter
    傳送門:Nealyang personal blog前言畢竟前端出生,找(qi)到(shi)了(bing)感(mei)覺(ru)後(men),其實就是一個UI框架,只不過他的引擎基於C++,底層基於Skia渲染,DartVM虛擬機以及Text and so on…2018年6月21日Google發布Flutter首個release預覽版,作為Google
  • 愛奇藝開播助手Flutter跨平臺Hybrid實踐
    愛奇藝開播助手項目,又稱"直播機",該項目目標是通過一個移動平臺為主播提供多樣化的直播內容。
  • 深入理解Flutter的圖形圖像繪製原理——圖形庫skia剖析
    Flutter、最新版本的chrome和android系統默認設置為GPU渲染模式。Chrome中的配置截圖如下,可看到默認採用GPU渲染。Skia的外部依賴和層級結構講解完畢,下面重點講解skia的圖形、文字和圖片的繪製原理。3. 圖形繪製原理Skia支持繪製的圖形眾多,包括圓形、橢圓、矩形、貝塞爾曲線等。下文重點分析圖形的CPU和GPU兩種渲染模式的原理。
  • 2020年11個熱門JavaScript 庫
    框架的使用增加了代碼的模塊化和可復用性,最主要的是屏蔽了瀏覽器之間差異性的實現,使得代碼更加簡潔,目前主流的js框架有很多,各有側重,我們通常只會用到其中一小部分子功能,這裡總結了2020年11個熱門JavaScript 庫。
  • Flutter竟然還有這種高端用法?
    近日特斯拉發布了2020年第三季度財報。
  • 已開源|碼上用它開始Flutter混合開發——FlutterBoost
    這個方案基於這樣一個事實:任何時候我們最多只能看到一個頁面,當然有些特定的場景你可以看到多個ViewController,但是這些特殊場景我們這裡不討論。我們可以這樣簡單去理解這個方案:我們把共享的Flutter View當成一個畫布,然後用一個Native的容器作為邏輯的頁面。
  • 6個常用的React組件庫
    其實我主要把 Bootstrap 看作是一個 UI 庫。它不會幫你贏得任何設計獎項,但可以用來完成一些邊緣項目和最小可行產品。不過這取決於你要使用它的目的。如果你不熟悉 React,那麼它是一個很好的入門庫。
  • 使用 Vue.js 和 Semantic-UI 做一個簡單的願望清單
    ❞一、前言❝2021年第一個周末,祝各位讀者朋友平安順利。以前讀過一句話:「當你穿過暴風雨的時候,你就不是原來那個人了。」但他沒有說,我們要如何穿過暴風雨。2020剛開始的時候,我曾覺得冬天無比漫長,似乎沒有盡頭。到了六月的時候,才發覺時間過得比想像更快。而現在,2020年已經過去了,想來總覺得有些恍惚,那些時間那些歲月到底是怎麼流逝的呢?
  • Flutter 開發從 0 到 1(六)Markdown 與代碼高亮
    準備將 flutter_markdown 添加到 pubspec.yaml 文件中:dependencies:  flutter_markdown: ^0.4.4項目根目錄執行如下命令安裝 flutter_markdown
  • 我寫了一個支持圓角、描邊的UI庫
    效果預覽先來看一下這個庫的實際表現吧,用起來真的很簡單,而且特別的漂亮。
  • 重磅,Flutter 1.9 正式發布!谷歌還為開發者帶來了這些東西...
    這是 Google Developer Days 在中國重啟後的第四年,從 2016 年 Google Developers 中國網站正式發布,2017 年前 Google Cloud 人工智慧和機器學習首席科學家李飛飛宣布穀歌