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

  • Marnia Clari

  • Dayna Drucill

  • Annadiana Gussie

  • Rodi Leone

  • Christel Sandye

  • Harriet Madlen

  • Deena Reggie

  • Lynelle Jacintha

  • Bellina Clarinda

  • Jessie Leslie

  • Dore Yvette

  • Marquita Myriam

  • Melba Tabbatha

  • Golda Terri

  • Adi Marilee

  • Noreen Lesya

  • Estele Vivien

  • Ophelia Eloise

  • Michelle Mella

  • Lorilyn Dulci

  • Anna-Diane Genia

  • Adah Karalee

  • Zonda Adrianna

  • Gerry Elisabet

  • Babara Verene

  • Sioux Gerta

  • Donia Lucinda

  • Benedetta Aubrette

  • Auroora Sibley

  • Kessiah Alisun

  • Shellie Halley

  • Dori Jasmina

  • Ara Lynea

  • Andriana Drucill

  • Jaquith Lilas

  • Hannis Maria

  • Annadiane Kessia

  • Idaline Josey

  • Mamie Kaitlynn

  • Kara-Lynn Cody

  • Amelia Sisile

  • Sarah Nicki

  • Cherianne Aime

  • Emmy Marylinda

  • Myrle Laura

  • Kassandra Eileen

  • Lenora Esmeralda

  • Tersina Jojo

  • Misha Bevvy

  • Lesley Corrina

  • Karylin Rikki

  • Rosalind Felita

  • Janot Dotty

  • Averyl Gwenni

  • Cindelyn Kariotta

  • Catharine Neille

  • Jilli Megen

  • Laural Berry

  • Celeste Norry

  • Emlyn Modestine

  • Pollyanna Darline

  • Arlena Beverly

  • Misti Elbertina

  • Karole Jaine

  • Catharine Elyn

  • Idell Ediva

  • Dyanne Gerta

  • Alena Maryjo

  • Maryjane Alica

  • Francisca Ophelia

  • Susie Elsey

  • Maiga Merry

  • Dorian Brynne

  • Delora Lenka

  • Minetta Danell

  • Bettine Dede

  • Lexie Jobyna

  • Margette Cookie

  • Lauree Ginny

  • Dominique Malena

  • Marji Blanche

  • Nancy Clair

  • Tracy Wanids

  • Berenice Emlynne

  • Chelsy Kirbie

  • Federica Amalia

  • Fernande Bria

  • Gertie Stephine

  • Claudelle Pat

  • Elayne Carena

  • Karin Loutitia

  • Henriette Gretchen

  • Aggi Debbi

  • Nertie Kristen

  • Jaimie Ruthann

  • Jacintha Lethia

  • Quinn Miguela

  • Caron Micki

  • Kaylil Ramonda

  • Imojean Dyanne

  • Ricki Maura

  • Judith Lora

  • Nonah Colly

  • Melanie Janelle

  • Myrlene Aurlie

  • Emylee Robin

  • Adah Moll

  • Gray Cordy

  • Sissie Sharla

  • Gladys Adria

  • Loralee Ayn

  • Misty Helen-Elizabeth

  • Linnell Camilla

  • Fern Donny

  • Tandi Ulrikaumeko

  • Jodi Nananne

  • Rhodia Rania

  • Marina Roselia

  • Roseanna Birgit

  • Shay Noelle

  • Kaylee Marcella

  • Maitilde Lezlie

  • Candide Judy

  • Claudelle Britteny

  • Idalina Edi

  • Jacinta Sapphire

  • Fanchette April

  • Erinn Suzette

  • Carena Philomena

  • Neile Adrienne

  • Miranda Dalila

  • Hyacinth Cathy

  • Celeste Loretta

  • Margaretta Clio

  • Garnet Reine

  • Philipa Loraine

  • Darcy Hildegarde

  • Alisa Betsy

  • Vonni Ali

  • Eliza Moria

  • Mariejeanne Ardyth

  • Brier Darb

  • Oralle Bobbee

  • Leena Trixy

  • Deny Mariellen

  • Leisha Gabriell

  • Sileas Bettine

  • Nani Bambi

  • Dena Codee

  • Lucy Linn

  • Aubrette Merrilee

  • Eileen Margarita

  • Jewelle Kristyn

  • Rhea Fiona

  • Francesca Jacintha

  • Reine Petunia

  • Nikki Adriane

  • Sheree Nita

  • Sacha Glynis

  • Nadine Thomasine

  • Bernadine Henrieta

  • Suzette Engracia

  • Brear Jada

  • Fawn Larisa

  • Christi Kirby

  • Adria Seana

  • Irina Kaleena

  • Meara Bobby

  • Rosemaria Billi

  • Jill Corabelle

  • Celinda Annmarie

  • Lura Nada

  • Alberta Gus

  • Melony Meris

  • Alexis Janie

  • Corenda Shaylyn

  • Atlanta Emlyn

  • Elfrida Cassy

  • Odilia Roseanna

  • Kathye Tammi

  • Annaliese Sallee

  • Dolores Chloris

  • Hilliary Lillis

  • Zaria Carlie

  • Hanni Belinda

  • Daphna Chlo

  • Idette Lizzy

  • Norina Corenda

  • Trescha Jori

  • Carlynne Karlee

  • Penni Jessi

  • Jorie Agnesse

  • Ronica Madelin

  • Edy Colette

  • Lesly Anderea

  • Deana Franky

  • Vinny Nathalie

  • Fannie Mariellen

  • Jinny Katha

  • Nevsa Gusty

  • Thomasin Almeta

  • Maxie Greer

  • Donica Alla

  • Hilary Yovonnda

  • Gill Eleonora

  • Elli Robbyn

  • Jeni Genna

  • Beatrice Carmella

  • Dorelia Ashil

  • Margit Tedra

  • Isabel Anne

  • Bobbette Oralee

  • Bernadine Katha

  • Anestassia Delilah

  • Faydra Ronica

  • Mandi Hannie

  • Marget Celesta

  • Ashley Shandra

  • Hetti Simonette

  • Jocelyn Marijo

  • Clo Ingaborg

  • Nicoline Faun

  • Thomasa Marguerite

  • Celina Twila

  • Marigold Maryjo

  • Cammy Carol

  • Berenice Vickie

  • Fawn Ynez

  • Xena Sunny

  • Perry Sonja

  • Ardyth Blanch

  • Peta Cammie

  • Vanessa Fayth

  • Sandye Batsheva

  • Meara Farah

  • Dasi Vally

  • Marys Chantal

  • Nettle Freddi

  • Lulita Agnella

  • Dedie Anya

  • Leisha Paulina

  • Kassia Becca

  • Myrtle Koo

  • Corrine Beverie

  • Kalinda Deanna

  • Leonore Benedicta

  • Etta Lolita

  • Augustine Blakeley

  • Anne Lelah

  • Naomi Goldy

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!