Image for post

Today we build a Photoshop-inspired color picker with control over hue, saturation, and brightness.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today we build a switch that flips in 3D.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today we build a 3D image flip effect in Flutter.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today we build a typewriter widget that looks like a person is typing.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today we build a message flash Widget to display an error message in a form.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today we build a candlestick stock chart in Flutter, inspired by the Robinhood app.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today we build a hero widget in Flutter that’s inspired by the Protect hero in the Nest app.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

To continue the fun of this Widget Workshop, you can learn how to implement animated glows and a dark version of the Protect hero UI in the Extended Widget Workshop, available at the SuperDeclarative! Academy: https://school.superdeclarative.com

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

Today marks the humble beginning of the SuperDeclarative! Academy, a learning platform for all things Flutter.

The SuperDeclarative! Academy offers access to all the free SuperDeclarative! videos you love, but will also provide access to premium videos and micro-courses in the future. In fact, the very first premium video was released today, a color picker Extended Widget Workshop.

Image for post
Image for post

The Academy is still a work in progress, and of course, it’s built with Flutter for web :) At the moment, the Academy app only supports desktop-size browsers, but a mobile version and many more features are on their way.

So go check out the Academy. Sign up for a free account. Strap in and get ready to take your Flutter abilities to the next level.

The UI revolution continues!


Image for post
Image for post

Today we’re building a color picker Widget in Flutter that is used to select different paint colors in an online store.

This workshop was inspired by the following design on Dribbble: https://dribbble.com/shots/7615487-Product-Detail-Color-Picker

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.


Image for post
Image for post

In today’s Widget Workshop we build a Flutter onboarding flow that transitions with circles that expand and collapse to reveal new pages.

The transition effect is accomplished with a CustomPainter, while the pages are configured with typical Widget trees.

If you enjoy the workshop, be sure to subscribe to the SuperDeclarative! YouTube channel, and also follow me @SuprDeclarative on Twitter for future productions.

Thanks for watching, and I’ll see you in the next Widget Workshop.

About

Matt Carroll

I am SuperDeclarative! (Ex-Flutter at Google)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store