Create dynamic real-time web applications with Python

  • - Less context switching.
  • - No need to write JavaScript.
  • - Use the language we all love and enjoy! ( Python)

See it in action with a real example!

Search for a user in a database

Search matches 250 users

  • Farica Robbin

  • Briney Doloritas

  • Elsey Leigh

  • Dorise Gilbertina

  • Amberly Letitia

  • Chandra Ange

  • Cathy Genvieve

  • Zaria Lindsay

  • Beatriz Lise

  • Rayshell Roch

  • Dina Caritta

  • Ardra Darci

  • Pamella Carey

  • Orsa Natala

  • Arlene Leonelle

  • Malinde Letisha

  • Celine Brandice

  • Loraine Manya

  • Quintina Emmey

  • Alix Cassandre

  • Ynes Bea

  • Adrianne Serena

  • Linet Benita

  • Katina Kim

  • Theresita Zelma

  • Nanine Dita

  • Enrichetta Emmalyn

  • Marlyn Gerhardine

  • Benetta Annadiane

  • Magda Abagail

  • Madelon Rikki

  • Nanine Dareen

  • Eadie Linnie

  • Maureene Marika

  • Deanne Vina

  • Cynthea Deny

  • Remy Courtnay

  • Ulrika Janeczka

  • Nettie Nicole

  • Emmie Rosemonde

  • Bev Wilona

  • Alana Kyla

  • Sibbie Abigael

  • Rosalyn Mala

  • Eloise Bethina

  • Nancee Marcelia

  • Alfie Ebba

  • Daniele Happy

  • Elyse Coreen

  • Bettye Lora

  • Carolan Vivianna

  • Ginni Janene

  • Aubrey Allison

  • Christabella Kym

  • Emmey Tammy

  • Georgena Annabel

  • Elisabet Georgina

  • Cammi Gwenora

  • Andreana Lexi

  • Anthia Luisa

  • Meghann Norine

  • Rubie Kacy

  • Ynes Dyann

  • Row Phyllida

  • Henka Oriana

  • Josselyn Darb

  • Dinah Glenda

  • Arleen Sarah

  • Florry Delcine

  • Catha Janessa

  • Mia Lulita

  • Cyndi Martynne

  • Binnie Lavina

  • Shanda Aindrea

  • Nata Codie

  • Neila Marie-Ann

  • Dedie Pepita

  • Ricki Cybil

  • Janeta Tierney

  • Meryl Dix

  • Sephira Leland

  • Demetra Elfreda

  • Athene Eunice

  • Tammara Shelba

  • Noella Eyde

  • Lynsey Adela

  • Amanda Ania

  • Constantina Germana

  • Juline Trescha

  • Caron Storm

  • Ulrikaumeko Marilyn

  • Lavena Eden

  • Tawnya Thomasina

  • Damaris Polly

  • Celestyn Emelina

  • Kettie Genevieve

  • Cami Leigh

  • Genovera Meaghan

  • Andrea Kelcy

  • Bambi Melba

  • Daria Ailsun

  • Dela Gabrila

  • Fina Terrie

  • Abigale Marthe

  • Jennica Anna

  • Merci Mari

  • Olive Kath

  • Nonna Barbaraanne

  • Erma Bette-Ann

  • Florida Berget

  • Lisa Zondra

  • Bunni Marjory

  • Juliana Myriam

  • Marena Daphne

  • Mable Lisetta

  • Maurizia Ethelind

  • Elnore Sarajane

  • Wandie Heidie

  • Corrianne Paloma

  • Essie Carey

  • Marney Leelah

  • Claire Emma

  • Bliss Gabi

  • Nariko Stace

  • Steffane Krissie

  • Meggy Jobye

  • Patience Valerye

  • Claudine Dana

  • Ailis Avie

  • Ferne Lesli

  • Kordula Carmencita

  • Belicia Blake

  • Judith Fania

  • Brianne Rhoda

  • Anstice Kali

  • Sandie Minda

  • Jessie Audre

  • Candida Atlanta

  • Tilly Delinda

  • Grazia Brandice

  • Torrie Kristine

  • Kessia Alejandra

  • Odella Madelene

  • Jody Shandy

  • Aline Marjie

  • Dyann Meredith

  • Eolande Timmi

  • Nana Jacintha

  • Naomi Sherrie

  • Jillana Guglielma

  • Lonnie Sam

  • Kessia Reeta

  • Jacki Phyllis

  • Aurlie Rici

  • Kimberly Eustacia

  • Phedra Joya

  • Miof Mela Pierette

  • Ilyssa Valeria

  • Bernie Isabella

  • Joly Glenda

  • Marya Rasla

  • Lida Annadiana

  • Dacy Madeline

  • Ladonna Kacy

  • Elisabetta Ertha

  • Nicky Melodee

  • Chloris Nessa

  • Libbi Rebbecca

  • Jordanna Pierrette

  • Christina Bella

  • Janaye Gilligan

  • Elenore Elnora

  • Ellyn Ira

  • Beverley Kristi

  • Magda Ethelyn

  • Hetti Catrina

  • Dari Min

  • Amelia Cacilie

  • Dianna Winnifred

  • Sonja Seline

  • Norah Franciska

  • Valina Nettle

  • Sharia Dorie

  • Eleen Elfrida

  • Clary Kendra

  • Veda Giralda

  • Dorise Trix

  • Kaylil Bernardina

  • Alma Jo Ann

  • Minnie Klara

  • Evy Cynthea

  • Avrit Marillin

  • Aeriela Louisa

  • Stormie Kasey

  • Rosabel Brigit

  • Verla Florina

  • Mead Tilda

  • Maire Dedra

  • Allina Mommy

  • Gus Annadiana

  • Flossie Roselle

  • Roana Lory

  • Rebekkah Tony

  • Kendra Edee

  • Lyndell Janaye

  • Carey Georgeta

  • Cherie Carlye

  • Mellicent Brana

  • Legra Florida

  • Lorilyn Judith

  • Dore Tobye

  • Alex Gerianne

  • Blithe Marcille

  • Mariele Livvy

  • Lurleen Mercedes

  • Fanechka Johannah

  • Carmela Jordanna

  • Zahara Astrix

  • Maritsa Cathie

  • Valene Darelle

  • Nancey Dolores

  • Bethena Bobine

  • Mariele Livvyy

  • Karie Milissent

  • Isidora Althea

  • Fred Celestyna

  • Katherina Joann

  • Debbie Blanch

  • Maridel Maurene

  • Antonia Dorelle

  • Alberta Inez

  • Ardeen Sande

  • Audrey Cora

  • Germaine Lulu

  • Deirdre Marti

  • Flore Shaylynn

  • Joye Jackie

  • Christiana Chrystel

  • Jannel Margot

  • Muire Asia

  • Deana Dona

  • Shanda Theresina

  • Samaria Beverly

  • Laurie Hildegarde

  • Blondell Joy

  • Nicoline Cordey

  • Florance Corissa

  • Nike Jo Ann

  • Aggy Mirabella

  • Kristen Roobbie

Zero lines of JavaScript.

Meld components consist of a simple class and a template.

            

meld/components/search.py

from flask_meld import Component from app.models import User class Search(Component): search = "" @property def users(self): return User.query.filter(User.name.contains(self.search)).all()
            

templates/meld/search.html

<div> <h1>Search for a user in a database</h1> <input meld:model="search" type="text" placeholder="Search for name"> <p>Search matches <span class="underline">{{users|length}}</span> users</p> <ul class="grid"> {% for user in users %} <li class="card"> <h3>{{ user.name }}</h3> </li> {% endfor %} </ul> </div> <!--Include {% meld 'search' %} anywhere in your template to add the component --!>
Flask-Meld improves developer workflow by reducing context switching between front-end and back-end code.

Ready to get started?

Drop your email below to receive a video that shows you how to create your first Meld app!

Powered by EmailOctopus
How it works
Meld utilizes server-rendered templates and morphdom. When the client makes a change, the update is pushed to the server where a new template is generated and sent back to the client. Then, morphdom intelligently updates the DOM. It's pretty neat!