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

  • Livvie Ulrika

  • Kelsi Berna

  • Jacqueline Bunni

  • Pia Fanechka

  • Ileana Deloria

  • Adelind Filia

  • Lee Camila

  • Ynez Florentia

  • Nadia Rozella

  • Christy Papagena

  • Marylinda Benni

  • Joly Martelle

  • Lorelle Cornelia

  • Missie Bobbi

  • Rasia Elfrieda

  • Constantine Hynda

  • Dorolisa Estele

  • Anabel Rosemary

  • Annis Karlotte

  • Melba Julita

  • Madelin Deana

  • Lanni Cybil

  • Dory Kristal

  • Kassey Tessa

  • Cristen Sherri

  • Caresse Fanny

  • Leandra Jerrylee

  • Davida Max

  • Gussy Clary

  • Shaylynn Georgie

  • Marga Row

  • Carolyn Leonore

  • Anetta Pamelina

  • Codee Sosanna

  • Selle Aveline

  • Estella Engracia

  • Wendeline Giselle

  • Johannah Rasia

  • Latrina Xena

  • Ingaberg Sophia

  • Berti Shelly

  • Rickie Hatty

  • Jo Ann Kenna

  • Betti Deedee

  • Domeniga Alana

  • Claudette Florie

  • Filia Kally

  • Dixie Elvera

  • Dionne Kalina

  • Yoshiko Christalle

  • Robinette Jilli

  • Tabbie Jo Ann

  • Lissa Nana

  • Kynthia Delphine

  • Annabela Mariette

  • Misha Hayley

  • Kimberlyn Lonni

  • Jorey Peg

  • Zena Rosette

  • Leone Rosanna

  • Leanor Allix

  • Pris Ludovika

  • Camila Cordey

  • Teena Athena

  • Letitia Danita

  • Arluene Jori

  • Alison Candace

  • Moyna Mireille

  • Marilee Aubrie

  • Juliette Janna

  • Karrah Candie

  • Deeanne Krista

  • Veronika Carrissa

  • Lilly Charmain

  • Oralee Mora

  • Leila Bernette

  • Adrianna Joelie

  • Perle Berta

  • Clementine Tammi

  • Daniela Lorene

  • Renata Lorry

  • Michaella Joelly

  • Naoma Denys

  • Jaquenette Rosette

  • Micheline Micki

  • Noel Paige

  • Emmaline Elizabeth

  • Bili Bobbi

  • Etty Sheila

  • Casandra Hanny

  • Allys Saudra

  • Zarla Drusi

  • Cherice Lilian

  • Donni Bride

  • Corilla Barbara

  • Jandy Delora

  • Nicola Lari

  • Wilmette Marj

  • Amil Edeline

  • Alfy Darelle

  • Olivia Andria

  • Leodora Virgina

  • Judye Camella

  • Lu Demetria

  • Lyndsay Stella

  • Shantee Shawn

  • Shaina Ulrica

  • Polly Jerrylee

  • Carmelita Daron

  • Oneida Nicolea

  • Sibilla Lilyan

  • Alice Bobby

  • Dorthy Lilah

  • Ariela Glen

  • Raphaela Karena

  • Deane Flossy

  • Roselia Charmian

  • Siobhan Alexine

  • Minny Gaynor

  • Koo Chloris

  • Grissel Cyndie

  • Ibbie Cammy

  • Tamiko Cheslie

  • Lina Kimberlyn

  • Nadya Noami

  • Cami Judith

  • Nicholle Reta

  • Anastasia Editha

  • Loni Celie

  • Blythe Dyana

  • Letitia Celene

  • Ann Janaya

  • Bobbette Anjela

  • Neilla Virginie

  • Oneida Milissent

  • Velvet Marylinda

  • Nicoline Averyl

  • Shelba Rosalind

  • Francoise Siobhan

  • Cynthy Cecilia

  • Marian Donia

  • Ysabel Valera

  • Arabel Ulrika

  • Angelica Querida

  • Margalo Jacki

  • Lorne Calypso

  • Ava Kamillah

  • Sharity Deidre

  • Ivory Leora

  • Krista Tiphanie

  • Quintilla Toma

  • Odessa Dell

  • Sigrid Aurilia

  • Glennis Karrie

  • Lynne Candi

  • Darda Nellie

  • Mil Julie

  • Louisa Allx

  • Jocelyne Leah

  • Verna Florence

  • Moira Carolann

  • Robenia Elli

  • Gert Bettye

  • Neilla Barby

  • Siobhan Inesita

  • Lindsy Estrella

  • Bamby Ardys

  • Elane Gabbi

  • Gusti Ella

  • Livia Bethany

  • Kylen Faith

  • Alexia Milka

  • Aline Vi

  • Augustine Zelda

  • Adoree Rozelle

  • Judi Krista

  • Daffy Linnell

  • Arlana Gleda

  • Ludovika Petronella

  • Iormina Odessa

  • Sallyanne Shoshana

  • Janetta Zondra

  • Elsie Corabel

  • Cristy Lynelle

  • Amalee Legra

  • Honor Morissa

  • Aubine Lebbie

  • Drona Mildred

  • Annabel Elsi

  • Atlante Mufinella

  • Koren Sapphire

  • Louisette Valaree

  • Valma Kirbie

  • Rosalie Elwira

  • Jennee Nonie

  • Mariele Gwenny

  • Agnola Frank

  • Abigael Celine

  • Alyson Dagmar

  • Emeline Nalani

  • Isidora Aura

  • Heidie Kalila

  • Ashlee Lexie

  • Cynthea Wallis

  • Myrtia Berni

  • Cordie Auroora

  • Meta Leigh

  • Tobey Gennie

  • Vivi Beatriz

  • Blakeley Doralynne

  • Chery Shena

  • Natka Cosetta

  • Carolan Rosaline

  • Emilee Opaline

  • Teresa Roberta

  • Melodie Liana

  • Pia Robina

  • Dina Marla

  • Blinnie Drucy

  • Gayle Modestine

  • Zena Minny

  • Cariotta Lola

  • Edita Ninetta

  • Marie-Jeanne Tonya

  • Cookie Theressa

  • Claudine Talyah

  • Gwyn Petrina

  • Dorolice Cayla

  • Carina Saraann

  • Robinet Jacinda

  • Dina Raeann

  • Meredith Shela

  • Dulci Janeva

  • Kiele Etheline

  • Elisabet Moyna

  • Timmie Tiffany

  • Leanor Lanna

  • Jaine Austin

  • Carlye Kanya

  • Minni Corry

  • Betty Joann

  • Amelie Leena

  • Idaline Cristal

  • Brenna Millicent

  • Jaimie Lindsey

  • Latrina Jobye

  • Ede Persis

  • Roxane Magdalene

  • Carlotta Dione

  • Sydelle Glenda

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!