feat: README

README.md

@@ -12,6 +12,12 @@
 
 **LazyFast** is a lightweight Python library for building modern, component-based web interfaces using FastAPI. It handles server-side logic in Python, with interactive elements like inputs and buttons triggering server-side component reloads for dynamic state updates.
 
+<p align="center">
+   <img src="img/todo_list.gif" alt="todo_list" width="49%" style="display:inline-block;">
+   <img src="img/live_search.gif" alt="live_search" width="49%" style="display:inline-block;">
+</p>
+
+
 **Ideal for Python developers who:**
 - Have basic HTML and CSS knowledge and want to build web interfaces without learning complex frontend frameworks like React, Angular, or Vue.
 
@@ -32,6 +38,10 @@
 5. **State Management**
    - Use a state manager to trigger component reloads for a reactive user experience.
 
+<p align="center">
+   <img src="img/user_form.gif" alt="todo_list" width="60%" style="display:inline-block;">
+</p>
+
 ## Installation
 
 To install LazyFast, use pip:

examples/live_search.py

@@ -63,7 +63,7 @@ def head_renderer():
 
 @router.page("/", head_renderer=head_renderer)
 def root():
-    with tags.div(class_="container mt-6"):
+    with tags.div(class_="container mt-6 px-3"):
         LiveSearch()
 
 

examples/user_form.py

@@ -44,13 +44,14 @@ async def view(self, users: list[User] = Depends(get_user_by_group)):
                 with tags.tr():
                     tags.th("ID")
                     tags.th("Name")
+                    tags.th("Group")
 
             with tags.tbody():
                 for user in users:
                     with tags.tr():
                         tags.td(user.id)
                         tags.td(user.name)
-
+                        tags.td(user.group)
 
 @router.component(id="Demo")
 class Demo(Component):
@@ -151,7 +152,7 @@ def head_renderer():
 
 @router.page("/", head_renderer=head_renderer)
 async def root():
-    with tags.div(class_="container mt-6"):
+    with tags.div(class_="container mt-6 px-3"):
         with tags.div(class_="grid"):
             with tags.div(class_="cell"):
                 with tags.div(class_="box"):

lazyfast/utils.py

@@ -75,16 +75,10 @@ def print_in_frame(text: str):
     if response.status == 200:
         data = json.loads(response.read())
         pypi_version = data["info"]["version"]
-        github_repo = data["info"]["home_page"]
 
-        if pypi_version == current_version:
+        if pypi_version != current_version:
             print_in_frame(
-                f"Welcome to {name} {current_version} | Version is up to date | {github_repo}"
+                f"LazyFast | new version available: ({current_version} -> {pypi_version})."
             )
-        else:
-            print_in_frame(
-                f"Welcome to {name} {current_version} | Update available: {pypi_version} | {github_repo}"
-            )
-
 
 check_library_version()