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

  • Othilie Kellsie

  • Tabina Lurleen

  • Gilbertine Valeria

  • Lilah Melamie

  • Timmy Farrand

  • Lynnell Doralyn

  • Kathryne Corly

  • Berrie Kate

  • Yolanda Clarisse

  • Cherye Lydia

  • Sorcha Glad

  • Cindee Sondra

  • Arlinda Lillis

  • Clerissa Ludovika

  • Dona Mandi

  • Cherlyn Damaris

  • Cindee Charil

  • Elita Karel

  • Henrietta Tommi

  • Yasmin Ursola

  • Vale Raven

  • Charlotte Catherin

  • Gladys Lula

  • Orel Iris

  • Maribeth Sofia

  • Kiri Nellie

  • Myrlene Mollee

  • Ethelind Tiffi

  • Cammie Manda

  • Lari Ollie

  • Alicea Pattie

  • Drusi Selle

  • Claudie Ruthanne

  • Corly Dorise

  • Larine Desirae

  • Janie Valene

  • Rubia Dedra

  • TEirtza Ines

  • Caitrin Jillayne

  • Berenice Dorotea

  • Shelba Riki

  • Nichole Juline

  • Elfrida Dorthy

  • Aridatha Ardith

  • Trula Blondie

  • Maridel Maritsa

  • Gretal Di

  • Nanny Lynnett

  • Glenna Nicol

  • Malinde Leonelle

  • Gabbi Genevra

  • Louisette Linnea

  • Electra Dreddy

  • Kalila Myrtia

  • Abbey Olympe

  • Leeann Tiphanie

  • Modesta Lyssa

  • Daphene Rafaelita

  • Anjela Cassandry

  • Alyss Katerina

  • Carilyn Letisha

  • Modestine Kris

  • Janeczka Vale

  • Isabelle Vevay

  • Windy Crissy

  • Sissie Michaela

  • Stefanie Mathilda

  • Whitney Elyssa

  • Rosalynd Melicent

  • Sheryl Judye

  • Maddie Alla

  • Valida Birgitta

  • Layla Gwynne

  • Kari Timi

  • Margarete Ramona

  • Waly Natalie

  • Edee Vinita

  • Karine Berget

  • Rhona Hedi

  • Addie Corene

  • Hollie Stephie

  • Stacia Frank

  • George Alane

  • Henrie Lindi

  • Celka Shayna

  • Janka Susy

  • Mariann Karel

  • Lindi Cammi

  • Willette Kandace

  • Ree Cecelia

  • Isa Rhody

  • Maribeth Malynda

  • Phil Kelsey

  • Marthena Jacklyn

  • Malinde Carrie

  • Fidela Rivkah

  • Robin Adriaens

  • Helge Myranda

  • Leanor Nikki

  • Milicent Kally

  • Marie-Ann Rikki

  • Tisha Alysa

  • Wilone Magdalene

  • Fawnia Moselle

  • Stephanie Kandy

  • Karleen Alfy

  • Laraine Hally

  • Malynda Ameline

  • Elsey Darsie

  • Jeannine Deina

  • Martita Monique

  • Angil Adrienne

  • Marris Kit

  • Celia Phebe

  • Monica Ruthe

  • Gabriella Kathye

  • Guenevere Sarine

  • Laetitia Korella

  • Alvira Ulrika

  • Ardyth Harriette

  • Britni Barbaraanne

  • Evanne Jinny

  • Edita Daile

  • Audie Alvira

  • Drucy Shelby

  • Emmalynn Shirlee

  • Abigale Glen

  • Minne Clea

  • Hilda Mae

  • Imogen Marjorie

  • Saloma Bertine

  • Klara Elnora

  • Clarita Shannen

  • Jacklyn Teresina

  • Leonie Aliza

  • Mabel Alina

  • Pegeen Carrie

  • Tootsie Ashlee

  • Madalena Thelma

  • Bette-Ann Fey

  • Talyah Sabra

  • Luise Wilmette

  • Ilse Tiff

  • Aundrea Winnifred

  • Laurene Kayle

  • Vivian Jacquenetta

  • Shalne Letizia

  • Misty Valene

  • Bella Livvyy

  • Alfy Jilly

  • Ronda Sal

  • Caren Elysha

  • Sophronia Ketty

  • Sarene Lanna

  • Nadine Alyssa

  • Yetty Natka

  • Denny Aile

  • Jennifer Tamqrah

  • Elise Freddie

  • Alyson Maggi

  • Becki Julissa

  • Samantha Kerstin

  • Angela Gabey

  • Nalani Lavena

  • Agata Heidi

  • Valerie Giana

  • Fania Olimpia

  • Sacha Mag

  • Rozanna Carolin

  • Micky Carlene

  • Monah Jodee

  • Goldie Izabel

  • Olva Melloney

  • Hynda Evie

  • Nomi Janine

  • Louella Carlye

  • Datha Allyce

  • Leonore Josefina

  • Ariela Rodie

  • Row Daloris

  • Bessie Gayle

  • Bobbette Lisetta

  • Corry Inessa

  • Leta Freddie

  • Karie Barbra

  • Ondrea Arluene

  • Eadith Faustina

  • Othilie Rene

  • Merilyn Sonnnie

  • Janina Alma

  • Janette Ortensia

  • Claudie Nessa

  • Jessie Leonelle

  • Rhianna Dela

  • Emmaline Sileas

  • Hanni Dalenna

  • Margette Morgen

  • Kaila Melantha

  • Marie Amandy

  • Blondelle Donny

  • Jerry Dalia

  • Juditha Brenda

  • Kerry Cordie

  • Frederique Chrissie

  • Bryna Abigale

  • Rennie Gabrila

  • Constancia Rani

  • Ardra Ronica

  • Nicolette Darda

  • Lindsay Indira

  • Faun Lorenza

  • Izabel Jeni

  • Starlene Arly

  • Bobbie Vanni

  • Aurea Chery

  • Tatiania Monah

  • Raye Tatiania

  • Marlene Kaylil

  • Eulalie Fanechka

  • Othella Cammy

  • Lilith Kristen

  • Lesly Rachelle

  • Gussy Pam

  • Letty Edwina

  • Kellyann Euphemia

  • Gilemette Neala

  • Jenifer Ophelia

  • Janaya Dulcine

  • Euphemia Kaia

  • Janela Hannis

  • Silvana Lacy

  • Mair Letizia

  • Harley Bernadine

  • Barry Adelaide

  • Stephana Henriette

  • Danika Babb

  • Amii Lynett

  • Pam Joy

  • Aubrey Phylis

  • Nicoli Keri

  • Maryjo Cathrine

  • Shane Tobi

  • Wynny Olympie

  • Carolann Dorella

  • Ciel Shellie

  • Averil Jehanna

  • Letty Lucille

  • Nichol Katheryn

  • Toinette Lilah

  • Patti Jessie

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!