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

  • Roseline Enriqueta

  • Tiertza Harlene

  • Nanci Nike

  • Gilberte Joyce

  • Heath Mala

  • Ivie Collen

  • Thia Florie

  • Laurice Fianna

  • Dorella Meriel

  • Addy Babbie

  • Tallie Dayle

  • Shaylynn Giselle

  • Mariejeanne Charline

  • Odelia Adria

  • Zena Irma

  • Deirdre Sheena

  • Hedwiga Adah

  • Zenia Veriee

  • Amandi Annabal

  • Lola Roseanna

  • Morganne Teriann

  • Mimi Teddi

  • Kathy Carine

  • Cheri Xaviera

  • Benny Ashien

  • Edin Tabitha

  • Celeste Adelheid

  • Ollie Eve

  • Randie Marys

  • Carlene Ashien

  • Ann-Marie Colene

  • Ermina Orsola

  • Sybille Brigitta

  • Francene Zola

  • Selinda Clo

  • Marianna Rozamond

  • Dorise Carmella

  • Tammi Gabbie

  • Bonnee Fanni

  • Ophelie Bill

  • Carmel Julianne

  • Michaeline Corenda

  • Marleen Eddi

  • Alfi Maddy

  • Deloria Robbi

  • Nanette Lise

  • Ariadne Martina

  • Dina Rici

  • Halette Franny

  • Gianina Lonni

  • Midge Dyanne

  • Orel Bennie

  • Larissa Diann

  • Bernice Marrissa

  • Lillian Bobbi

  • Mahalia Eugine

  • Kelsi Neda

  • Miguelita Tomi

  • Glynnis Ariella

  • Cathryn Monique

  • Freddy Toby

  • Ivy Brandy

  • Bonita Constance

  • Teriann Maurene

  • Lurlene Estele

  • Amalea Lucinda

  • Dawn Kimmy

  • Kissie Allyce

  • Nicolea Ardyce

  • Maddalena Jania

  • Anjela Bobbye

  • Lucilia Jaquith

  • Hendrika Alexine

  • Roobbie Ann-Marie

  • Beverly Kerry

  • Debbie Dayna

  • Nell Nisse

  • Trudi Sheila

  • Rori Jada

  • Mona Verene

  • Frank Astrid

  • Caitrin Windy

  • Cherianne Adelice

  • Tiphani June

  • Nerte Cally

  • Orel Lyndsay

  • Kassia Dulcy

  • Simona Merrielle

  • Natasha Evy

  • Aleen Shelby

  • Bunnie Arluene

  • Agna Pearl

  • Nyssa Dacia

  • Elvera Karrah

  • Nikki Jerrylee

  • Jocelyne Tessy

  • Franni Querida

  • Athena Querida

  • Angelia Anitra

  • Alix Yolanthe

  • Britteny Julina

  • Kynthia Adela

  • Kitty Emma

  • Rochell Joly

  • Sue Grete

  • Miguela Lynelle

  • Camella Dorise

  • Sib Kandace

  • Aubree Tiphanie

  • Danni Belinda

  • Farrand Charmane

  • Kym Corie

  • Barbi Mareah

  • Kaycee Maddalena

  • Adah Esme

  • Dian Ilene

  • Catlin Madelin

  • Vina Phyllida

  • Mable Trixi

  • Trix Ulrikaumeko

  • Nolie Desiri

  • Kylen Daron

  • Milissent Perle

  • Alexine Valenka

  • Tomi Esmeralda

  • Evie Katee

  • Danella Glennie

  • Tawnya Miriam

  • Seka Hynda

  • Constance Jackqueline

  • Hedvig Rosene

  • Kathryne Martie

  • Mireielle Lenna

  • Bryana Charleen

  • Anna-Diana Paulie

  • Blanche Brunhilde

  • Daphna Jannel

  • Elysia Missie

  • Elset Celia

  • Luz Lonna

  • Atlante Xena

  • Quintana Maible

  • Carlye Robinia

  • Savina Pearline

  • Blythe Dorette

  • Maryl Jacquie

  • Steffi Aggie

  • Jerrilee Allina

  • Kimberli Kristien

  • Jaine Joelly

  • Lilian Sybille

  • Kimmi Adrian

  • Jerrine Reeva

  • Drucy Elizabeth

  • Imelda Berget

  • Carita Lorry

  • Molly Shayne

  • Marian Gleda

  • Aloisia Evania

  • Janice Lauryn

  • Annissa Dulciana

  • Winona Lara

  • Brianna Chiarra

  • Dorolisa Clotilda

  • Catlee Merola

  • Ardra Ursuline

  • Ynez Merci

  • Blondelle Tabby

  • Audrye Viva

  • Nadiya Lacee

  • Katherina Nelle

  • Hedvig Blancha

  • Kristyn Gerladina

  • Bertine Ivonne

  • Jeannine Val

  • Melamie Kaia

  • Cyndy Irina

  • Ailis Bobine

  • Ardith Tarah

  • Lou Liuka

  • Steffi Gaye

  • Anna Ileane

  • Thalia Dasie

  • Tildi Ileane

  • Elke Ladonna

  • Deerdre Katrina

  • Lilllie Myrtle

  • Dyanne Hallie

  • Bettine Jane

  • Lorrin Ronna

  • Portia Lee

  • Laureen Julietta

  • Laurianne Maria

  • Gertrude Elaine

  • Eyde Fulvia

  • Roselia Patrizia

  • Tildi Susy

  • Brande Bobbye

  • Murielle Mignon

  • Karoly Jaine

  • Heidie Zahara

  • Mariquilla Damaris

  • Lucine Vally

  • Denise Christen

  • Virginia Shaina

  • Deeann Carina

  • Eleonore Kore

  • Joletta Desdemona

  • Daveen Lin

  • Annemarie Mariann

  • Janessa Druci

  • Lyndel Eran

  • Wally Christalle

  • Angie Helaina

  • Betteanne Korry

  • Adiana Francisca

  • Elaine Isidora

  • Maurita Lissie

  • Juliette Tasia

  • Alana Bobbi

  • Lyndel Iris

  • Rebekkah Wilona

  • Sheree Emlynne

  • Abra Lorianna

  • Joyan Rica

  • Phyllys Jennine

  • Dorette Orella

  • Katya Stacy

  • Atalanta Belinda

  • Feliza Ardelia

  • Bidget Lydie

  • Danit Saba

  • Avie Cosette

  • Scarlet Florance

  • Kaitlyn Stephana

  • Issie Dacia

  • Nissy Marinna

  • Danyette Pietra

  • Andra Aubree

  • Gwendolin Mae

  • Sunshine Colene

  • Flory Cacilia

  • Alfy Rosaline

  • Ainslee Dotty

  • Nathalia Yolanda

  • Sela Bella

  • Dahlia Melodee

  • Adrienne Lauren

  • Pippy Ivonne

  • Drusie Jolie

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!