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

  • Benedetta Grata

  • Terza Lynna

  • Claretta Dianemarie

  • Bea Vilma

  • Ilene Vere

  • Corene Maxi

  • Eolande Sarah

  • Irene Loella

  • Zia Viva

  • Sioux Orelia

  • Madelle Lulita

  • Merissa Ynez

  • Jamima Wynn

  • Nesta Ara

  • Lorri Windy

  • Ofilia Staci

  • Olivie Alexia

  • Denyse Cinnamon

  • Ralina Starlene

  • Shari Aloysia

  • Mame Karol

  • Beatrix Fancie

  • Lilly Anastasie

  • Margaretta Alvera

  • Fredericka Jourdan

  • Rozalie Tonie

  • Marlene Tonye

  • Dulcine Milicent

  • Agatha Gloriane

  • Birdie Joyann

  • Rena Marley

  • Candide Danyelle

  • Maridel Franny

  • Jocelin Idelle

  • Adoree Verina

  • Fredi Salaidh

  • Merissa Ema

  • Clary Miof Mela

  • Hendrika Ediva

  • Friederike Robinia

  • Edin Atalanta

  • Marris Rebecca

  • Gilberte Raychel

  • Carita Candie

  • Babita Ame

  • Ferdinande Alejandrina

  • Mathilde Anselma

  • Clarie Wilhelmina

  • Edin Gerri

  • Samantha Carolynn

  • Chiquia Kaylyn

  • Robbyn Bobinette

  • Midge Billy

  • Olympia Becka

  • Reba Ginny

  • Sara-Ann Issy

  • Blisse Peria

  • Avril Vikky

  • Athena Sonni

  • Doretta Karia

  • Doria Doria

  • Klarrisa Gerhardine

  • Moria Britteny

  • Angeline Ivonne

  • Sophi Arleyne

  • Shanta Kayley

  • Marybelle Dorri

  • Henrie Reine

  • Adelina Rickie

  • Ralina Shaun

  • Coreen Zorina

  • Perrine Vivianne

  • Shaun Aeriell

  • Leoline Margaretta

  • Zonda Carma

  • Arlen Prudy

  • Cassondra Vernice

  • Patty Edeline

  • Cati Willie

  • Lari Zea

  • Brietta Linda

  • Anne Noreen

  • Idell Eunice

  • Alisha Dael

  • Millisent Chandra

  • Sherill Deva

  • Tansy Julissa

  • Tybi Portia

  • Adorne Aloisia

  • Aurie Brittani

  • Doe Marlie

  • Bobette Brandea

  • Otha Ericka

  • Eugenia Cristie

  • Maryellen Cory

  • Valery Louella

  • Laraine Joanna

  • Crin Celinka

  • Ted Cornelia

  • Layney Faythe

  • Riki Alta

  • Suzy Nicolle

  • Wallis Kassi

  • Berti Gertrude

  • Lynnelle Tabbatha

  • Querida Retha

  • Ardelia Pepi

  • Anallese Karrah

  • Evelina Aveline

  • Zoe Modestia

  • Sonny Velma

  • Lorette Jere

  • Kesley Valentina

  • Emilia Shirleen

  • Dolores Allie

  • Bennie Gertrude

  • Freddi Marjie

  • Dasya Anetta

  • Annabell Rafa

  • Sadie Darbie

  • Tami Mersey

  • Franciska Eulalie

  • Brianna Trenna

  • Janella Marcie

  • Marje Denise

  • Conny Fidelity

  • Laurena Sheilah

  • Adel Licha

  • Delphinia Britta

  • Nelle Ardelia

  • Gwenette Prissie

  • Emelina Bess

  • Lynne Gus

  • Josephina Virginia

  • Celie Leelah

  • Zola Dyanne

  • Ibbie Jade

  • Louella Anette

  • Merna Beulah

  • Jamie Ashleigh

  • Hattie Erin

  • Danika Anneliese

  • Julita Jessica

  • Arlette Abbe

  • Cris Felita

  • Jessy Rosemaria

  • Caprice Gert

  • Elsi Kassi

  • Collen Torie

  • Gilbertine Rasla

  • Florry Dolorita

  • Shoshana Liva

  • Sosanna Cinnamon

  • Deni Enid

  • Eachelle Lynsey

  • Rozalie Amye

  • Carilyn Thalia

  • Illa Lorry

  • Rheba Sada

  • Helaine Hanni

  • Patricia Mady

  • Candice Sileas

  • Kessia Tiffany

  • Blanca Helen-Elizabeth

  • Twila Bari

  • Christen Gennie

  • Tonye Bernetta

  • Elli Kirsteni

  • Emlynne Klarrisa

  • Natividad Charmane

  • Stacey Jourdan

  • Chelsae Biddy

  • Ninette Nedda

  • Korney Penelopa

  • Joelly Julienne

  • Sharyl Eula

  • Gratiana Joyce

  • Marsiella Ulrika

  • Tamra Darice

  • Amandi Retha

  • Bendite Alyson

  • Belva Pia

  • Pauly Eugenia

  • Sibilla Guillema

  • Junia Camala

  • Netty Layney

  • Dian Ilse

  • Gaby Devi

  • Rasla Corine

  • Elena Doretta

  • Iolanthe Suzi

  • Jyoti Katerine

  • Jennica Gennie

  • Haily Kit

  • Casey Ema

  • Jacquette Cassandry

  • Lianna Ottilie

  • Xena Jacquelynn

  • Laina Estele

  • Edna Yolanda

  • Kylen Cathrine

  • Doralynne Ainslie

  • Kevyn Donnie

  • Ebony Mariele

  • Maddalena Rose

  • Louella Eirena

  • Ethelda Ema

  • Mandy Arluene

  • Kath Margaretta

  • Michell Windy

  • Evonne Shawn

  • Milka Austin

  • Kesley Onida

  • Clair Viv

  • Kip Nanete

  • Maitilde Karalee

  • Linnet Christa

  • Tamar Anna-Diana

  • Olimpia Trudi

  • Calypso Claudie

  • Ashia Clementia

  • Mirna Briney

  • Linette Sonni

  • Minnnie Rubia

  • Kimmi Marya

  • Emlynn Alexia

  • Annissa Margaux

  • Star Bendite

  • Kaitlyn Gwennie

  • Nannie Dyann

  • Cari Theresa

  • Bessy Delora

  • Anstice Kristal

  • Fidelia Cora

  • Lilyan Annmarie

  • Melita Sharleen

  • Jenn Costanza

  • Carmelita Kylie

  • Cristina Michaelina

  • Gayle Melessa

  • Daune Olive

  • Yvonne Gerrie

  • Emmalyn Josey

  • Darcy Rozalie

  • Bellina Melisse

  • Leonie Shannen

  • Elka Marietta

  • Nataline Vonny

  • Moyna Edith

  • Salome Hyacinth

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!