Build a Cyber Gesture OS in Flutter – Premium Hacker Style UI

 Demo :


Click Video 👇👇👇























Features Section

• Full Gesture Navigation OS
• Floating Dock
• Swipe Menu
• Cyber Glass Blur UI
• One File Flutter Architecture
• Haptic Feedback
• Edge Back Gesture
• Premium Hacker Style Design
• Full Source Code Included


Code :


import 'dart:ui';

import 'package:flutter/material.dart';

import 'package:flutter/services.dart';


void main() => runApp(NeoOS());


class NeoOS extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(debugShowCheckedModeBanner: false, home: Home());

  }

}


class Home extends StatefulWidget {

  @override

  State<Home> createState() => _HomeState();

}


class _HomeState extends State<Home> {

  bool menuOpen = false;

  int page = 0;


  void openMenu() {

    HapticFeedback.mediumImpact();

    setState(() => menuOpen = true);

  }


  void closeMenu() {

    HapticFeedback.lightImpact();

    setState(() => menuOpen = false);

  }


  void go(int p) {

    setState(() {

      page = p;

      menuOpen = false;

    });

  }


  Widget pageUI() {

    if (page == 1) return pageScreen("SECURITY CENTER", Icons.security);

    if (page == 2) return pageScreen("SETTINGS", Icons.settings);

    return Center(

        child: Text("NEO GESTURE OS",

            style: TextStyle(color: Colors.cyanAccent, fontSize: 28, letterSpacing: 4)));

  }


  Widget pageScreen(String title, IconData icon) => Center(

        child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [

          Icon(icon, size: 80, color: Colors.cyanAccent),

          SizedBox(height: 10),

          Text(title, style: TextStyle(fontSize: 22))

        ]),

      );


  @override

  Widget build(BuildContext context) {

    return Scaffold(

      body: GestureDetector(

        onVerticalDragEnd: (d) {

          if (d.primaryVelocity! < -200) openMenu();

          if (d.primaryVelocity! > 200) closeMenu();

        },

        onHorizontalDragEnd: (d) {

          if (d.primaryVelocity! > 200 && page != 0) setState(() => page = 0);

        },

        child: Stack(children: [

          Container(

            decoration: BoxDecoration(

              gradient: LinearGradient(colors: [Colors.black, Colors.blueGrey.shade900]),

            ),

            child: pageUI(),

          ),


          // Floating Dock

          Positioned(

            bottom: 35,

            left: 30,

            right: 30,

            child: Container(

              padding: EdgeInsets.all(14),

              decoration: BoxDecoration(

                color: Colors.black.withOpacity(0.5),

                borderRadius: BorderRadius.circular(40),

                border: Border.all(color: Colors.cyanAccent),

                boxShadow: [BoxShadow(color: Colors.cyanAccent, blurRadius: 20)],

              ),

              child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround, children: [

                dockBtn(Icons.home, 0),

                dockBtn(Icons.security, 1),

                dockBtn(Icons.settings, 2),

              ]),

            ),

          ),


          // Swipe Up Menu

          AnimatedPositioned(

            duration: Duration(milliseconds: 500),

            curve: Curves.easeOutExpo,

            bottom: menuOpen ? 0 : -350,

            left: 0,

            right: 0,

            child: ClipRRect(

              borderRadius: BorderRadius.vertical(top: Radius.circular(30)),

              child: BackdropFilter(

                filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),

                child: Container(

                  height: 350,

                  color: Colors.black.withOpacity(0.7),

                  child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [

                    menuTile("Security", 1),

                    menuTile("Settings", 2),

                    SizedBox(height: 10),

                    menuTile("Close", 0),

                  ]),

                ),

              ),

            ),

          ),

        ]),

      ),

    );

  }


  Widget dockBtn(IconData icon, int p) => GestureDetector(

        onTap: () => go(p),

        child: Icon(icon, color: Colors.cyanAccent, size: 28),

      );


  Widget menuTile(String text, int p) => GestureDetector(

        onTap: () => go(p),

        child: Container(

          margin: EdgeInsets.symmetric(vertical: 10),

          padding: EdgeInsets.all(15),

          width: 200,

          decoration: BoxDecoration(

            borderRadius: BorderRadius.circular(20),

            border: Border.all(color: Colors.cyanAccent),

          ),

          child: Center(child: Text(text)),

        ),

      );

}


Comments

Post a Comment

Popular posts from this blog

Educational File Encryptor GUI (Python AES Project) | FuzzuTech

Image
  Demo : Click Video 👇👇👇 Features : Python AES encryption GUI app File encryption & decryption demo Educational safe sandbox project Tkinter + PyCryptodome example Python cybersecurity learning tool Code : # Important package install : pip install pycryptodome import os import tkinter as tk from tkinter import filedialog, messagebox from Crypto.Cipher import AES from Crypto.Hash import SHA256 from Crypto import Random # ---------- Encryption ---------- # def encrypt(key, filename):     try:         chunksize = 64 * 1024         outputFile = filename + ".locked"         filesize = str(os.path.getsize(filename)).zfill(16)         IV = Random.new().read(16)         encryptor = AES.new(key, AES.MODE_CBC, IV)         with open(filename, 'rb') as infile:             with open(outputFile, 'wb') as outfile...
Read more

Is This News Real or Fake? 🤖 AI Exposes the Truth | FuzzuTech Python App Demo

Image
  Demo : Click Video 👇👇👇 Code : import tkinter as tk from tkinter import messagebox, ttk import joblib import os from sklearn.feature_extraction.text import TfidfVectorizer from sklearn.linear_model import PassiveAggressiveClassifier import pandas as pd from sklearn.model_selection import train_test_split # Check if model exists, else train it MODEL_PATH = "fake_news_model.pkl" def train_and_save_model():     # For demo purpose, we'll create a small dummy dataset inline     data = {         'text': [             'The economy is doing well and jobs are increasing',             'Aliens have landed on Earth and taken over the government',             'New vaccine proves to be 99% effective',             'Scientists found cure for cancer last year',             'Politician involved in scanda...
Read more

🚨 Python Intrusion Detection System (IDS) – Real-Time ML + Tkinter GUI Project | FuzzuTech

Image
  Demo : Click Video 👇👇👇 Features: ✔ SEO keywords included (IDS, ML, Tkinter, Python GUI) ✔ Embedded YouTube Short ✔ Full code snippet (main.py) ✔ Download links (GitHub/GDrive optional) ✔ Call-to-action: Subscribe + Follow socials Code : """ main.py Single-file IDS demo: - Generates synthetic network-like dataset (if missing) - Trains IsolationForest model and saves model_iforest.pkl - Runs a modern-looking Tkinter GUI to simulate live packets,   score them with the model and highlight anomalies. Usage: 1) Create and activate a venv (recommended) 2) pip install -r requirements.txt 3) python main.py """ import os import threading import time import random import sys import queue from pathlib import Path import tkinter as tk from tkinter import ttk, messagebox # --- third-party libs --- try:     import numpy as np     import pandas as pd     from sklearn.ensemble import IsolationForest     import joblib except Exception as e:...
Read more