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

  • Cecilla Jocelyn

  • Karena Brittan

  • Kaye Vin

  • Missy Clerissa

  • Donica Berny

  • Dorena Arlene

  • Katharyn Inga

  • Jelene Lindy

  • Alberta Barbe

  • Elfreda Helen

  • Adan Theda

  • Andee Lenore

  • Eddi Stefa

  • Keriann Glynnis

  • Dorise Marylynne

  • Judye Genvieve

  • Lavinie Betteanne

  • Valry Nona

  • Annadiane Carlin

  • Othilia Karia

  • Kirsteni Bellina

  • Tamra Eirena

  • Jayne Augustine

  • Issi Aurlie

  • Nickie Betti

  • Koressa Haley

  • Pam Jobie

  • Pris Berget

  • Sorcha Ethelin

  • Dorisa Jewell

  • Piper Arleyne

  • Karita Chantalle

  • Tori Raynell

  • Wandis Natalina

  • Miranda Aime

  • Mandy Garnet

  • Jewell Emilia

  • Gertrudis Marj

  • Tory Rycca

  • Valma Deedee

  • Alberta Kassey

  • Carola Leann

  • Delila Melodee

  • Rey Fifine

  • Hilda Grissel

  • Gwenny Theresa

  • Chloris Rana

  • Jazmin Christean

  • Marin Dena

  • Jeannie Dorice

  • Hortense Juieta

  • Melita Carmelita

  • Garnette Vikki

  • Leora Benny

  • Lissy Amandi

  • Carey Wilow

  • Kelcey Christina

  • Adaline Donetta

  • Zsa Zsa Janeczka

  • Noella Bethanne

  • Alleen Joellen

  • Lizette Rivi

  • Emlyn Darcie

  • Merlina Nanci

  • Eadie Daniele

  • Audie Fae

  • Donelle Corabella

  • Joline Ryann

  • Andi Leonie

  • Dorthy Sandye

  • Olimpia Alecia

  • Janis Germain

  • Caprice Charmine

  • Aileen Dulcine

  • Guenevere Faun

  • Wallis Gloria

  • Kay Drucie

  • Alissa Gretta

  • Tammy Shayna

  • Giovanna Tami

  • Helli Gabbie

  • Adorne Calli

  • Lolly Serene

  • Jaquelyn Ashely

  • Maribelle Fionna

  • Virginie Aimil

  • Tiffy Anabella

  • Cherilynn Nola

  • Valencia Meridith

  • Phylis Pier

  • Olive Susana

  • Mariam Juanita

  • Meaghan Charmian

  • Ursulina Peggy

  • Linette Lonnie

  • Asia Flore

  • Nikoletta Willie

  • Raphaela Marley

  • Christi Carolynn

  • Lisbeth Electra

  • Amberly Katrine

  • Teresina Carmon

  • Susanne Ricky

  • Rafa Guglielma

  • Gabriela Marie

  • Kaela Cloe

  • Elsa Jessamyn

  • Elli Audrie

  • Hynda Sharia

  • Charlotte Reine

  • Gracie Karlyn

  • Honey Wandis

  • Lois Christan

  • Sofia Kriste

  • Carmina Erina

  • Luci Corabelle

  • Alys Hyacinthe

  • Vally Kimmi

  • Ursulina Sylvia

  • Andree Kristine

  • Susie Glennis

  • Celle Catlin

  • Edy Pammi

  • Dulcie Rosina

  • Aurelia Margaux

  • Beckie Yolande

  • Dayle Rodina

  • Penny Lorene

  • Katha Jenine

  • Joellen Rica

  • Susana Sile

  • Ophelie Charlotte

  • Shelley Meredith

  • Vanda Lacey

  • Lacey Erda

  • Kristi Sarine

  • Rebeca Allis

  • Luciana Tilda

  • Diannne Vivien

  • Cati Lynnette

  • Annissa Aileen

  • Pauli Estelle

  • Melicent Madalyn

  • Candra Roxanna

  • Delila Jena

  • Allianora Shandie

  • Glenine Drucie

  • Gussi Tammara

  • Kasey Nalani

  • Deb Jeana

  • Lissie Katya

  • Christen Papagena

  • Ivy Tine

  • Reine Jojo

  • Lishe Krystalle

  • Lucie Tuesday

  • Hynda Cassey

  • Debee Irene

  • Joey Karee

  • Allys Becki

  • Tami Adda

  • Charlene Dorelle

  • Licha Glenda

  • Quintilla Nert

  • Marlene Carolee

  • Didi Jenna

  • Chloe Pollyanna

  • Dyane Dorree

  • Ania Eva

  • Randene May

  • Tonia Mona

  • Claudette Susy

  • Shauna Claudina

  • Maddi Renie

  • Carlynne Alyson

  • Maire Brit

  • Molly Theda

  • Verena Dorothee

  • Brenna Antonina

  • Ethelin Juana

  • Naomi Wilhelmina

  • Susanne Carita

  • Melosa Emelda

  • Carine Ora

  • Willyt Harrietta

  • Marsha Melesa

  • Anstice Alicea

  • Gleda Sarena

  • Sheelagh Dara

  • Lexis Clementine

  • Ella Rosette

  • Diann Fernandina

  • Faustine Yelena

  • Petronilla Issy

  • Tori Megen

  • Dorrie Gleda

  • Jocelyne Nelly

  • Natalie Lynnea

  • Liza Keriann

  • Kathye Maighdiln

  • Willie Olympie

  • Alison Dorette

  • Michel Shaylah

  • Lynnell Dottie

  • Gwyn Cherianne

  • Alfreda Enrica

  • Lonnie Janka

  • Erminia Willyt

  • Joell Andriette

  • Amata Sharl

  • Tandie Netta

  • Sher Marian

  • Eachelle Gwenette

  • Shirlene Arly

  • Vally Ronni

  • Jilly Lavinia

  • Elyn Del

  • Tisha Karin

  • Henriette Bertie

  • Karlotta Kiri

  • Gayleen Jasmin

  • Oliy Sharona

  • Fernande Janka

  • Roxane Venita

  • Tresa Billy

  • Larina Jeralee

  • Cassaundra Tarrah

  • Caye Marina

  • Andra Wynn

  • Jemmy Fredericka

  • Brina Lorianne

  • Melloney Angelle

  • Gretna Julita

  • Jandy Rochette

  • Avie Moselle

  • Shane Rosemonde

  • Carolin Kirsten

  • Hetty Lorilee

  • Terra Terri

  • Andrei Esta

  • Fenelia Lucita

  • Cayla Bee

  • Henryetta Cassey

  • Fancie Ethelda

  • Ibbie Debby

  • Fulvia Callie

  • Shari Blinny

  • Ardelia Alexi

  • Benedicta Hazel

  • Cammi Catriona

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!