KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #typescript #codex #cli #claude-code #mcp #rust #deepseek-harness #ai-agent

fluwix

★ 23 Open GitHub ↗

Fluwix: A Flutter showcase platform on the mobile apps and web.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Fluwix (formerly Flutter Widgets Explorer) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

The Fluwix is a Flutter showcases platform on the mobile apps and web.

Alternatively, you can see it on the web at [fluwix.com](http://fluwix.com).

## Getting Started

The first screen launched in the app is a list of showcases. 
After select a showcase, the selected showcase details will show on next screen.

![Main Listing Screen](https://raw.githubusercontent.com/limcheekin/fluwix/main/images/thumbnail.png "Main Listing Screen")

Each showcase will be coded in it's own branch and module, can have it's own readme or license file, please see [Steps To Add Your Showcase](showcase_view/SHOWCASE_YOUR_WIDGETS.md) for more information.

## Branches:

<table border="1" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="33.3%">
<a href="intro.md" target="_blank">
<img alt="Main Screen" src="images/thumbnail.png" height="384px" width="216px" />
base: Basic skeleton of the Fluwix project. If you would like to create similar project, you can start here!
</a> 
</td>
<td width="33.3%">
<a href="nested_list/README.md" target="_blank">
<img alt="Nested List Screen" src="nested_list/images/thumbnail.png" height="384px" width="216px" />
nested_list: Nested horizontal list with dynamic content in vertical list items.
</a> 
</td>
<td width="33.3%">
<a href="tab_buttons/README.md" target="_blank">
<img alt="Tab Buttons Screen" src="tab_buttons/images/thumbnail.png" height="384px" width="216px" />
tab_buttons: tabbar where each tab indicator is a toggle button.
</a> 
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="stock_chart/README.md" target="_blank">
<img alt="Stock Chart Screen" src="stock_chart/images/thumbnail.png" height="384px" width="216px" />
stock_chart: Stock candlestick or line chart with indicators support.
</a> 
</td>
<td width="33.3%">
<a href="expansion_collapse_view/README.md" target="_blank">
<img alt="Expansion/Collapse View" src="expansion_collapse_view/images/thumbnail.png" height="384px" width="216px" />
expansion_collapse_view: Expansion/Collapse view using Flutter built-in widgets.
</a> 
</td>
<td width="33.3%">
<a href="charts_gallery/README.md" target="_blank">
<img alt="Charts Gallery" src="charts_gallery/images/thumbnail.png" height="384px" width="216px" />
charts_gallery: Charts Gallery show case the data visualization capability of the charts_flutter package.
</a> 
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="chart_data_table/README.md" target="_blank">
<img alt="Chart & Data Table Screen" src="chart_data_table/images/thumbnail.png" height="384px" width="216px" />
chart_data_table: Real world quarterly results in combo chart and tabular format.
</a> 
</td>
<td width="33.3%">
<a href="syntax_view/README.md" target="_blank">
<img alt="Syntax View Screen" src="syntax_view/images/thumbnail.png" height="384px" width="216px" />
syntax_view: View code, copy and paste.
</a> 
</td>
<td width="33.3%">
<a href="animated_icons/README.md" target="_blank">
<img alt="Animated Icons Screen" src="animated_icons/images/thumbnail.png" height="384px" width="216px" />
animated_icons: Animate any two icons.
</a> 
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="url_launcher_showcase/README.md" target="_blank">
<img alt="URL Launcher Screen" src="url_launcher_showcase/images/thumbnail.png" height="384px" width="216px" />
url_launcher_showcase: Launch a URL to browse website, make phone call, send Email or SMS.
</a> 
</td>
<td width="33.3%">
<a href="markdown_view/README.md" target="_blank">
<img alt="Markdown View Screen" src="markdown_view/images/thumbnail.png" height="384px" width="216px" />
markdown_view: Display Markdown file from Github repository.
</a> 
</td>
</td>
<td width="33.3%">
<a href="shimmer_effect/README.md" target="_blank">
<img alt="Shimmer Effect" src="shimmer_effect/images/thumbnail.png" height="384px" width="216px" />
shimmer_effect: Better way to show loading status.
</a> 
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="about_dialog/README.md" target="_blank">
<img alt="About Dialog Screen" src="about_dialog/images/thumbnail.png" height="384px" width="216px" />
about_dialog: About the application and licenses.
</a> 
</td>
<td width="33.3%">
<a href="source_code_view/README.md" target="_blank">
<img alt="Source Code View" src="source_code_view/images/thumbnail.png" height="384px" width="216px" />
source_code_view: Share your source code of Github public repository.
</a> 
</td>
<td width="33.3%">
<a href="showcase_view/README.md" target="_blank">
<img alt="Showcase View" src="showcase_view/images/thumbnail.png" height="384px" width="216px" />
showcase_view: Showcase your widget with read me, codes and license.
</a>
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="material_design_showcase/README.md" target="_blank">
<img alt="Material Design Showcase Screen" src="material_design_showcase/images/thumbnail.png" height="384px" width="216px" />
material_design_showcase: Showcase Material Design components.
</a> 
</td>
<td width="33.3%">
<a href="percent_indicator_showcase/README.md" target="_blank">
<img alt="Percent Indicator Showcase Screen" src="percent_indicator_showcase/images/thumbnail.png" height="384px" width="216px" />
percent_indicator_showcase: Showcase Circular and Linear percent indicators.
</a> 
</td>
<td width="33.3%">
<a href="glassmorphism_design/README.md" target="_blank">
<img alt="Glassmorphism Design Screen" src="glassmorphism_design/images/thumbnail.png" height="384px" width="216px" />
glassmorphism_design: Simplify the creation of Glassmorphic Container.
</a> 
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="neumorphism_design/README.md" target="_blank">
<img alt="Neumorphism Design Screen" src="neumorphism_design/images/thumbnail.png" height="384px" width="216px" />
neumorphism_design: A complete, ready to use, Neumorphic UI kit.
</a> 
</td>
<td width="33.3%">
<a href="settings_ui_showcase/README.md" target="_blank">
<img alt="Settings UI Showcase Screen" src="settings_ui_showcase/images/thumbnail.png" height="384px" width="216px" />
settings_ui_showcase: Create native settings for Flutter app in minutes.
</a> 
</td>
<td width="33.3%">
<a href="search_bar/README.md" target="_blank">
<img alt="Search Bar Showcase Screen" src="search_bar/images/thumbnail.png" height="384px" width="216px" />
search_bar: An expandable floating search bar similar to the one Google used in their own apps.
</a> 
</td>
</tr>
<tr valign="top">
<td width="33.3%">
<a href="rich_text_editor/README.md" target="_blank">
<img alt="Rich Text Editor Screen" src="rich_text_editor/images/thumbnail.png" height="384px" width="216px" />
rich_text_editor: FlutterQuill: A rich text editor for Flutter.
</a> 
</td>
<td width="33.3%">
<a href="number_trivia/README.md" target="_blank">
<img alt="Number Trivia Screen" src="number_trivia/images/thumbnail.png" height="384px" width="216px" />
</a>
number_trivia: Flutter App Architecture with <a href="https://github.com/limcheekin/fluwix/tree/number_trivia_flutter_bloc/number_trivia" target="_blank">flutter_bloc</a> or <a href="https://github.com/limcheekin/fluwix/tree/number_trivia_flutter_clean_architecture/number_trivia" target="_blank">flutter_clean_architecture</a>.
</td>
<td width="33.3%">
</td>
</tr>
<table>

## General References

- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
- [Online documentation](https://flutter.dev/docs)
- [flutter-examples: An ultimate cheatbook of curated designs](http://flutterexamples.com/)
- [TodoMVC for Flutter](https://github.com/brianegan/flutter_architecture_samples)
- [Open Source Flutter Apps](https://github.com/tortuvshin/open-source-flutter-apps)
- [Flutter Samples by the Flutter Team](https://flutter.github.io/samples/#)
- [Flutter Gems - A Curated Package Guide for Flutter](https://fluttergems.dev/)
- [Flutter Layouts Demo](https://github.com/bizz84/layout-demo-flutter)
- [Flutter Community Plus Plugins](https://github.com/fluttercommunity/plus_plugins)

fluwix

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README