Home
Back to Portfolio
Status: Live

Drento

Drento turns a one-sentence app idea into a complete product design. It plans every page, builds the design system, draws the wireframes and finished screens, and designs the logo. Users refine any layer by chatting with it, then hand the result to their engineers.

  • Next.js 16
  • ASP.NET Core 10
  • PostgreSQL

Case Study

Problem

Builders can ship almost anything except a UI that looks premium. Getting from an idea to pages, user flows, a design system and polished screens normally takes a designer and a lot of back-and-forth.

Solution

Built an AI design studio that plans every page, builds the design system and hands back finished screens and a logo.

Outcome:

Drento is live at drento.app. One sentence becomes a finished website or mobile app design that users can refine and hand straight to engineers, with subscriptions and production monitoring already in place.

Tech Stack & Features

Next.js 16
ASP.NET Core 10
PostgreSQL
TypeScript
Tailwind CSS
ReactFlow
Blueprint & user flows
Desktop + mobile wireframes
Design system tokens
High-fidelity screens
AI logo design
Chat-based editing
Interactive canvas
Subscriptions
Clean Architecture

Project Details

February 2026

Founder & Sole Engineer

Next.js, ASP.NET Core, Generative AI

Visit drento.app (opens in a new tab)

At a glance

  • 1

    sentence to a complete app design

  • 5

    design layers: blueprint, wireframes, design system, screens, logo

  • 2

    project types: websites and mobile apps

Showcase

drento.app
Drento landing page hero: 'Your whole app, designed from one sentence.' above the live prompt bar and the generated Volta home page, 'Cross town without the crush.'
Describe your idea once. Drento plans every page, builds the design system, and hands back finished screens and a logo.
Drento product demo at the Blueprint stage: the prompt 'A premium electric bike brand website for Volta' planned into Home, Bike Model and Pre-order pages with 16 sections
Stage 01, Blueprint: one prompt becomes a full sitemap of pages and sections before any pixels are drawn.
Volta bike model and pre-order pages designed with Drento, shown on desktop and on phones in Original and Midnight looks
Every page in the same brand: website and phone screens generated together, restyled across looks.
Drento on mobile: headline, description and the live Volta demo on a 390px-wide screen
Fully responsive: the same product experience on a phone.
drento.app
Live demo
One sentence in, a whole product out: website and phone app, restyled into five looks.
Drento

Interested in a similar product?

Let's build something scalable and beautiful.

Fadi Hares
Fadi Hares
Software Engineer
Start a Project