Chatzy – Chat Platform | Web App, App & Admin Figma UI Kit

chatzy User App is static UI Component + UI kit , This UI Kit comes with around 30+ Screens and it will works in both platform android and iOS. This UI Kit comes with around 30+ Screens. chatzy User App is has few additional features like Multi-currency, Multi-language, State management using Provider, Support dart extension and RTL support.

Screen included in Figma (Chatzy App)

• Splash
• Login and signup
• Login with phone
• OTP
• Forgot and reset password
• Setting - Choose your Country
• Onboarding
• Choose your Country 1
• Notification
• Home
• Profile Setup
• Profile Add from
• Open camera - Done
• Location - empty
• Profile - as Anonymous
• Invite People
• Home - No chat yet
• Home/Status
• Home - Add Story
• Home - With Chat
• Sidebar
• Search
• Home - Plus - Scan
• Home - More Option
• Home - Plus - Camera
• "Good Wishes" Broadcast
• Home/More - New broadcast - Add People
• Home/More/New Group
• Broadcast info
• Broadcast - Docs Files
• Broadcast - Media Files
• Video look
• Group Chat - More option - Clear Chat
• Personal Chat - More option - Wallpaper
• Audio Call
• Video Call
• Profile
• View cart details
• Your cart (2 items)
• Plan
• Business account
• Use your contact list
• Group info - Docs Files
• Group Chat - Add call option
• Group info - Media Files
• Group Info - Invite Via Link - QR Code

Screen included in Figma (Web)

• Login Screen
• OTP Verification
• Home
• Setting
• No Chat
• Status Screen
• Business Account
• Convert to Business Account
• Popup
• Catalogue
• Your Cart (2 items)
• View Cart Details

Screen included in Figma (Admin) :

• Login Dashboard
• Main Dashboard
• Usage Control Dashboard
• Setting Dashboard
• Sponsor Status Dashboard
• Language Selection Dashboard

The figma include –

• figma files
• Documentation

How to edit figma:

To modify the figma file, you must have Figma installed on your computer (and if you don't, click here to get it: https://www.figma.com/downloads/ Then, on the right side of the figma home page, click the "import button" to add the figma file. After importing a file, open it and you'll see the design system in the first page titled "Design system."You can change the colour and font of the entire program with a single click in the design system (if you don't have the mentioned font on your computer, you can get it from figma > Typography > "Download font") because of all of the design systems are built using auto layout and components, making it extremely simple to customise, layer, card, and many more. Then there is a second page labelled "Light mode & Dark mode" where you can see 60+ premium screens that are developed in detail.All of the screens have auto layout, so you may customise the order of each component. You can even add your own section, and it will change space automatically. Then, under the "Prototype" folder, pick "Splash screen frame" and click on the play button on the right side to have a real-time experience with the program. Where all of the screens interact with one other using advanced levels of animation, as well as to understand the user journey and where they will be redirected after clicking on specific buttons, or what type of error they would receive after any incorrect performance.

Font Used

Outfit, DM Sans

Icons Used

Vuesax Icon

Note :

• We don’t offer a refund. (if theme is already downloaded)
• Please read the description and version compatibility content thoroughly before purchasing as we don’t offer a refund if you buy it by mistake.

All graphic images & Videos are used for demo sample only and NOT included in the purchase packages.