Habitly - Habit Tracker App UI Kit

Check out the full live preview and purchase this design here:

https://www.figma.com/community/file/1342803551665795859

Also check my profile & store:

FIGMA COMMUNITY | GUMROAD | LEMON SQUEEZY

Hello GUIs ๐Ÿ‘‹

I just released a new product.

Check out the full live preview and purchase this design here:

https://www.figma.com/community/file/1342803551665795859

Also check my profile & store:

FIGMA COMMUNITY | GUMROAD | LEMON SQUEEZY

---------------------------------------------------------------------------------------------------

Habitly is a premium and high-quality UI Kit with a fully functional habit tracker mobile app. Unleash your potential for lasting change with Habitly! Effortlessly create and manage your habits, while gaining valuable insights with detailed history and progress reports. Explore your daily well-being through the mood feature, expressing your feelings and gaining self-awareness. To keep you motivated and engaged, Habitly incorporates fun gamification and achievement levels, making habit formation a rewarding journey towards a better you. Start building the life you desire, one habit at a time!

Habitly is designed in a modern and trendy style. You can easily edit and customize all elements with design components, which can speed up the design process for your projects. Habitly is suitable for iOS and Android and includes 165+ screens that are 100% editable and customizable.

---------------------------------------------------------------------------------------------------

๐ŸŒŸ Figma Variables

Figma variables are amazing! Habitly has been equipped with 465+ figma variables. It will help you easily define colors, styles, and themes according to your preferences. In the Habitly package, two themes have been defined, which are modern and neobrutalism themes. Both themes are available in light and dark modes. Go to "change variable mode," and you can switch from one theme to another automatically with just one click. If you are not familiar with figma variables, don't worry; you can always detach the variable and edit the design manually.

๐ŸŽจ Big Design System

Habitly is equipped with a big design system with 1055+ components and variants. Everything is integrated with the design system, so you only need to change the logo, button, input form, modal, chips, and all elements in the design system, and then the entire design screen will automatically change.

โœจ 100% Auto Layout

Auto-layout is very useful! Habitly has been designed with a fully auto-layout, so it is very adaptive if you want to edit, delete, or add some parts. You can also resize the frame (artboard), and the design will be responsive according to the size of the frame you want. If you are not familiar with auto-layout, you can turn it off by right-clicking the layer and selecting remove auto-layout.

---------------------------------------------------------------------------------------------------

Habitly UI Kit is suitable for:

  • Habit Tracker App

  • Daily Routine Planner App

  • Habit Journal App

  • Task Management App

  • To-Do List App

  • Productivity App

  • Schedule Planner App

Main App Features:

  • Habit tracker full functional mobile app UI Kit design

  • Habit progress overview (today, weekly, & monthly)

  • Create, edit, & manage habits (regular habit & one-time task)

  • Daily mood status update

  • Detailed report & history

  • Gamification, tier badges, & achievement levels

  • Upgrade memberships or premium-plan subscriptions with multiple payment methods

  • Settings (preferences, payments, billing and subscriptions, account and security, app appearance, help and support, etc.)

  • Onboarding, sign up, sign in, account setup, forgot password, and many more

What's Inside:

  • 165+ Ready-made Screens

  • 465+ Figma Variables

  • 1055+ Components and Variants

  • 100+ Color Styles

  • 40+ Text Styles

  • 1950+ Free Icons

  • 100% Auto Layout

  • And much more

Product Highlights:

  • 165+ Screens (Suitable for iOS/Android)

  • 100% Editable and Customizable

  • Compatibility: Figma

  • Light and Dark Themes are Included.

  • Design System and Thousands of Components

  • Fully Auto Layout

  • Well Organized Layers System

  • Unique, Stylish, and Modern

  • Used Google Free Fonts

  • Used Grid System

  • Pixel-perfect Design

  • Global Styleguide

  • Easily Drag-and-Drop Design

Note: All images and photos in the preview are included.

Assets: Unsplash, Freepik

---------------------------------------------------------------------------------------------------

Get more awesome products! ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡

MunirSr

Want to donate?

Buy Me a Coffee: ๐Ÿ‘‡

Buy Me a Coffee

---------------------------------------------------------------------------------------------------

โ„น๏ธ Additional Information

This product was created and published byย MunirSr. If you see someone else selling this product on the website or elsewhere, in any way, it is illegal and violates copyright. Please report it to me. Thank you ๐Ÿ˜Š

---------------------------------------------------------------------------------------------------

Make your project more awesome!

Connect with me: sobakhul.munir527@gmail.com

More you can find me at:

Linkedinย |ย Instagramย |ย Dribbbleย |ย Behance | Linktr.ee

Sobakhul Munir Siroj
Premium UI Kit for your projects. Follow me to get updates๐Ÿ˜
Get in touch

More by Sobakhul Munir Siroj

View profile