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

  • Catherin Rosabelle

  • Maye Alanah

  • Clementia Fawn

  • Randie Hendrika

  • Susann Genevra

  • Kip Rayshell

  • Myriam Libbi

  • Katherina Gabriellia

  • Ella Conchita

  • Morganica Constanta

  • Dorice Oliy

  • Ora Robena

  • Gerrie Chantalle

  • Leese Kailey

  • Nettie Dorette

  • Reggi Jacquette

  • Mathilda Melli

  • Alis Maddy

  • Stephannie Calli

  • Estrella Gabbi

  • Jeni Verla

  • Catherine Dorthy

  • Cicely Aurilia

  • Mommy Flore

  • Melessa Cassy

  • Cesya Floria

  • Micaela Becka

  • Dorian Gnni

  • Agathe Leonora

  • Corrine Kimbra

  • Ezmeralda Heida

  • Lynnelle Darlleen

  • Dulce Kellia

  • Jo Ann Lenee

  • Caroline Eugenie

  • Kelsy Wilie

  • Gigi Bili

  • Hedi Ginnie

  • Valida Ulrikaumeko

  • Othilie Georgette

  • Costanza Michaelina

  • Berti Yoshi

  • Dayna Micki

  • Gratiana Rodie

  • Juliana Nana

  • Elladine Adey

  • Kelsi Fleur

  • Olympe Codi

  • Rey Barbee

  • Halli Gretel

  • Bibby Wenona

  • Catlin Laurette

  • Shaylyn Joane

  • Ginnie Janetta

  • Carlie Deane

  • Ginni Avivah

  • Adelaida Edi

  • Rahal Brittni

  • Corrianne Dreddy

  • Christalle Jorry

  • Dorry Dorene

  • Dede Blinni

  • Leesa Agnella

  • Cheryl Amil

  • Guglielma Karry

  • Brittaney Valerye

  • Hetti Farica

  • Fanni Dusty

  • Cherlyn Caryn

  • Nalani Celine

  • Sadie Debera

  • Marline Dionis

  • Dianna Stormy

  • Daphna Iona

  • Noell Fifi

  • Mozelle Regan

  • Nita Phyllida

  • Hedda Belle

  • Afton Joell

  • Ariella Cathyleen

  • Alex Eartha

  • Emogene Inna

  • Georgeta Wrennie

  • Sybilla Tiff

  • Gill Lynsey

  • Alie Florencia

  • Ethelin Kizzie

  • Abbye Saudra

  • Chelsae Zahara

  • Annamaria Minnnie

  • Bobbi Fanya

  • Giorgia Berthe

  • Kip Audrye

  • Natalie Alis

  • Sunshine Shelba

  • Pansie Jessa

  • Yolane Andi

  • Jelene Amalita

  • Lidia Dottie

  • Ermengarde Suellen

  • Delinda Chelsea

  • Babbie Cathi

  • Hannis Dawna

  • Caterina Glynnis

  • Ginelle Mina

  • Starr Jessy

  • Karel Alejandrina

  • Julietta Tiff

  • Piper Niki

  • Lurline Mersey

  • Carie Shelia

  • Hatty Adel

  • Helga Tatiania

  • Felicdad Anny

  • Grete Sheelagh

  • Larissa Emmalynn

  • Lauryn Fredrika

  • Dorey Deloris

  • Muire Dreddy

  • Emmalee Dasie

  • Zabrina Marinna

  • Myriam Christan

  • Almeda Sada

  • Debora Roxi

  • Tani Hilary

  • Brynna Erina

  • Karissa Janeczka

  • Lorrayne Glenda

  • Margaux Kat

  • Justina Xena

  • Dora Shannen

  • Jeannette Margeaux

  • Kyla Gaylene

  • Estelle Jemie

  • Janifer Sarena

  • Flossie Agnella

  • Valera Hedwig

  • Kristen Dorolisa

  • Lynnet Vilhelmina

  • Ilyssa Jen

  • Aida Gertie

  • Andreana Lulita

  • Tiffanie Sharia

  • Gladys Jere

  • Raychel Delinda

  • Cordi Raf

  • Rafaelia Latrina

  • Margarethe Layne

  • Jessika Trix

  • Maggi Letitia

  • Goldie Petronilla

  • Allina Carrie

  • Ilyssa Gene

  • Mala Valentina

  • Matilde Myrtice

  • Clareta Moyna

  • Alice Hermia

  • Donnamarie Marthena

  • Leontine Susi

  • Cassie Candi

  • Sunshine Glenine

  • Kass Yolane

  • Davita Claretta

  • Reiko Jemmy

  • Violet Tobe

  • Maureene Corilla

  • Shawna Max

  • Floria Tamqrah

  • Devonne Ellene

  • Emelita Carleen

  • Chryste Crysta

  • Jilli Robbin

  • Liesa Georgeanne

  • Chloe Shawna

  • Bernice Lavinie

  • Leesa Antonella

  • Catharine Cassaundra

  • Fianna Harley

  • Edi Lanette

  • Florinda Elenore

  • Ruthanne Teddy

  • Deena Tova

  • Sherri Phyllis

  • Corly Alex

  • Loleta Davita

  • Zita Elenore

  • Brittne Annmarie

  • Ilka Gwendolen

  • Opalina Leshia

  • Kalie Lilli

  • Emmi Robbyn

  • Kizzie Kristen

  • Marcille Kasey

  • Edita Jolyn

  • Bertie Marcia

  • Shari Marcellina

  • Gwyn Melicent

  • Anica Edi

  • Leonelle Nelli

  • Nalani Ramona

  • Catherin Valina

  • Fernanda Vonni

  • Doreen Anissa

  • Myrilla Sally

  • Loralee Willi

  • Lynsey Ardelia

  • Sal Masha

  • Alyse Afton

  • Konstanze Kristal

  • Tamarra Chiquita

  • Isidora Edythe

  • Corliss Dinny

  • Norina Carena

  • Bobby Stormie

  • Nerta Sadye

  • Kerrie Teddy

  • Phedra Arliene

  • Jo Ann Alecia

  • Robbi Starla

  • Claire Juana

  • Sela Chloris

  • Fan Corny

  • Jessie Tonie

  • Brigid Susi

  • Anallise Danya

  • Ajay Shaylynn

  • Eileen Danita

  • Carmen Kakalina

  • Dorelia Valina

  • Orelia Kaila

  • Datha Gerta

  • Pearline Sula

  • Julienne Andree

  • Reyna Gabey

  • Eimile Pearline

  • Dorris Athene

  • Alexa Druci

  • Annetta Monah

  • Annmaria Arly

  • Erina Ynez

  • Rochelle Ashlie

  • Adel Christi

  • Esmaria Anett

  • Dodi Leia

  • Cloris Arlyne

  • Andi Katharyn

  • Hannis Kipp

  • Ros Aprilette

  • Grata Josephine

  • Gael Cammie

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!