Learn Kivy - 10 Code Examples & CST Typing Practice Test

Kivy is an open-source Python framework for building cross-platform multitouch applications on Android, iOS, Windows, macOS, Linux, and Raspberry Pi. It provides a UI toolkit, gesture support, animations, layouts, and a declarative KV language for rapid app development.

View all 10 Kivy code examples →

Kivy Counter Example Kivy Todo List App Kivy Theme Switcher Kivy Slider Example Kivy Login UI Example Kivy Stopwatch Example Kivy Toggle Button Example Kivy Color Picker Example Kivy Calculator Example Kivy Image Viewer Example

Learn KIVY with Real Code Examples

Updated Nov 24, 2025

Explain

Kivy uses Python for app logic and KV language for UI design.

It includes a full widget toolkit, layout engine, GPU-accelerated rendering using OpenGL ES2, and support for multitouch events.

Kivy is widely used for mobile apps, touchscreen kiosks, prototypes, educational tools, and Python-based cross-platform GUIs.

Core Features

Widget & Layout system

KV language

Input & Gesture handling

Animations & graphics instructions

KivyMD Material Design components

Basic Concepts Overview

App Class: main application class

Widget: core visual component

KV Language: UI definition language

Events: input, gestures, touch

Layouts: BoxLayout, GridLayout, FloatLayout

Project Structure

main.py - app logic

app.kv - UI layout

assets/ - images, fonts

buildozer.spec - build config

modules/ - additional Python files

Building Workflow

Write Python logic in main.py

Create UI using kv files

Test on desktop first

Package with Buildozer for Android

Deploy and test on devices

Difficulty Use Cases

Beginner: calculators, simple UIs

Intermediate: mobile apps with screens

Advanced: animations, shaders, custom widgets

Expert: KivyMD + database integration

Enterprise: kiosks, dashboards

Comparisons

Kivy vs Flutter: Python flexibility vs native performance

Kivy vs React Native: Python ecosystem vs JavaScript + native

Kivy vs PyQt: mobile-first vs desktop-first

Kivy vs Tkinter: modern GPU UI vs basic desktop UI

Kivy vs BeeWare: cross-platform GUI vs native widgets

Versioning Timeline

2011 - First stable release

2015 - KivyMD ecosystem expansion

2020 - Python 3 migration

2022 - Major Buildozer improvements

2025 - Better mobile tooling + GPU updates

Glossary

KV Language: declarative UI syntax

Widget Tree: hierarchy of UI elements

Plyer: native API bridge

Buildozer: Android build tool

Property: reactive variable for UI updates

Code Sample Descriptions

Kivy Counter Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.label import Label

class CounterApp(App):
    def build(self):
        self.count = 0
        layout = BoxLayout(orientation='vertical', padding=20)
        self.label = Label(text=f'Count: {self.count}', font_size=32)
        inc_btn = Button(text='Increment', on_press=lambda x: self.increment())
        layout.add_widget(self.label)
        layout.add_widget(inc_btn)
        return layout

    def increment(self):
        self.count += 1
        self.label.text = f'Count: {self.count}'

if __name__ == '__main__':
    CounterApp().run()

Demonstrates a simple counter layout using Kivy widgets for interactivity.

Let’s Try →

Kivy Todo List App

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button
from kivy.uix.label import Label

class TodoApp(App):
    def build(self):
        self.tasks = []
        self.layout = BoxLayout(orientation='vertical', padding=20)
        self.input = TextInput(hint_text='Enter task')
        self.layout.add_widget(self.input)
        self.add_btn = Button(text='Add Task', on_press=lambda x: self.add_task())
        self.layout.add_widget(self.add_btn)
        self.task_box = BoxLayout(orientation='vertical')
        self.layout.add_widget(self.task_box)
        return self.layout

    def add_task(self):
        task = self.input.text.strip()
        if task:
        self.task_box.add_widget(Label(text=task))
        self.input.text = ''

if __name__ == '__main__':
    TodoApp().run()

A simple Todo app built with Kivy allowing users to add and view tasks.

Let’s Try →

Kivy Theme Switcher

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.graphics import Color, Rectangle

class ThemeApp(App):
    def build(self):
        self.dark = False
        self.layout = BoxLayout()
        self.button = Button(text='Switch Theme', on_press=lambda x: self.toggle_theme())
        self.layout.add_widget(self.button)
        self.update_bg()
        return self.layout

    def update_bg(self):
        self.layout.canvas.before.clear()
        with self.layout.canvas.before:
        Color(0.1, 0.1, 0.1) if self.dark else Color(1, 1, 1)
        Rectangle(size=self.layout.size, pos=self.layout.pos)

    def toggle_theme(self):
        self.dark = not self.dark
        self.update_bg()

if __name__ == '__main__':
    ThemeApp().run()

Demonstrates theme switching between light and dark using canvas colors.

Let’s Try →

Kivy Slider Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.slider import Slider
from kivy.uix.label import Label

class SliderApp(App):
    def build(self):
        self.layout = BoxLayout(orientation='vertical', padding=20)
        self.label = Label(text='Value: 0')
        self.slider = Slider(min=0, max=100, value=0)
        self.slider.bind(value=self.on_value)
        self.layout.add_widget(self.label)
        self.layout.add_widget(self.slider)
        return self.layout

    def on_value(self, instance, value):
        self.label.text = f'Value: {int(value)}'

if __name__ == '__main__':
    SliderApp().run()

Shows how to use Slider widgets and display their values dynamically.

Let’s Try →

Kivy Login UI Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button

class LoginApp(App):
    def build(self):
        layout = BoxLayout(orientation='vertical', padding=20)
        self.username = TextInput(hint_text='Username')
        self.password = TextInput(hint_text='Password', password=True)
        btn = Button(text='Login', on_press=lambda x: self.login())
        layout.add_widget(self.username)
        layout.add_widget(self.password)
        layout.add_widget(btn)
        return layout

    def login(self):
        print(f'User: {self.username.text}')

if __name__ == '__main__':
    LoginApp().run()

Creates a basic login interface with username and password fields.

Let’s Try →

Kivy Stopwatch Example

from kivy.app import App
from kivy.clock import Clock
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.label import Label

class StopwatchApp(App):
    def build(self):
        self.time = 0
        self.running = False
        self.layout = BoxLayout(orientation='vertical', padding=20)
        self.label = Label(text='0.0', font_size=32)
        self.layout.add_widget(self.label)
        self.layout.add_widget(Button(text='Start', on_press=lambda x: self.start()))
        self.layout.add_widget(Button(text='Stop', on_press=lambda x: self.stop()))
        self.layout.add_widget(Button(text='Reset', on_press=lambda x: self.reset()))
        return self.layout

    def update(self, dt):
        self.time += dt
        self.label.text = f'{self.time:.1f}'

    def start(self):
        if not self.running:
        self.running = True
        Clock.schedule_interval(self.update, 0.1)

    def stop(self):
        self.running = False
        Clock.unschedule(self.update)

    def reset(self):
        self.time = 0
        self.label.text = '0.0'

if __name__ == '__main__':
    StopwatchApp().run()

A simple stopwatch that starts, stops, and resets using Clock scheduling.

Let’s Try →

Kivy Toggle Button Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.togglebutton import ToggleButton

class ToggleExample(App):
    def build(self):
        layout = BoxLayout(padding=20)
        self.toggle = ToggleButton(text='OFF', on_press=self.toggle_state)
        layout.add_widget(self.toggle)
        return layout

    def toggle_state(self, btn):
        btn.text = 'ON' if btn.state == 'down' else 'OFF'

if __name__ == '__main__':
    ToggleExample().run()

Demonstrates Kivy’s ToggleButton for state-based interaction.

Let’s Try →

Kivy Color Picker Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.colorpicker import ColorPicker
from kivy.graphics import Color, Rectangle

class ColorPickerApp(App):
    def build(self):
        self.layout = BoxLayout()
        self.picker = ColorPicker()
        self.picker.bind(color=self.on_color)
        self.layout.add_widget(self.picker)
        with self.layout.canvas.before:
        self.bg = Color(1,1,1)
        self.rect = Rectangle(size=self.layout.size, pos=self.layout.pos)
        return self.layout

    def on_color(self, instance, value):
        self.bg.rgb = value[:3]

if __name__ == '__main__':
    ColorPickerApp().run()

Uses Kivy’s ColorPicker widget to change background color dynamically.

Let’s Try →

Kivy Calculator Example

from kivy.app import App
from kivy.uix.gridlayout import GridLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button

class Calculator(App):
    def build(self):
        self.result = TextInput(multiline=False, readonly=True)
        layout = GridLayout(cols=4, spacing=5, padding=10)
        layout.add_widget(self.result)
        buttons = ['7','8','9','/','4','5','6','*','1','2','3','-','0','.','=','+']
        for b in buttons:
        btn = Button(text=b, on_press=self.on_button)
        layout.add_widget(btn)
        return layout

    def on_button(self, instance):
        if instance.text == '=':
        try:
        self.result.text = str(eval(self.result.text))
        except:
        self.result.text = 'Error'
        else:
        self.result.text += instance.text

if __name__ == '__main__':
    Calculator().run()

A simple calculator UI built using Kivy layout widgets.

Let’s Try →

Kivy Image Viewer Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.image import Image
from kivy.uix.button import Button

class ImageViewer(App):
    def build(self):
        self.images = ['1.png','2.png','3.png']
        self.index = 0
        self.layout = BoxLayout(orientation='vertical')
        self.img = Image(source=self.images[self.index])
        btn_next = Button(text='Next', on_press=lambda x: self.next_img())
        self.layout.add_widget(self.img)
        self.layout.add_widget(btn_next)
        return self.layout

    def next_img(self):
        self.index = (self.index + 1) % len(self.images)
        self.img.source = self.images[self.index]

if __name__ == '__main__':
    ImageViewer().run()

Displays and switches between images using buttons in Kivy.

Let’s Try →

Frequently Asked Questions about Kivy

What is Kivy?

What are the primary use cases for Kivy?

Mobile apps (Android/iOS). Touchscreen kiosks and dashboards. Cross-platform GUI apps in Python. Prototyping and educational tools. Raspberry Pi and hardware interfaces

What are the strengths of Kivy?

Python-based - easy for Python developers. Cross-platform mobile + desktop. Lightweight and flexible. Multitouch and gesture support. Great for rapid development

What are the limitations of Kivy?

Not ideal for heavy 3D or gaming. UI performance can lag vs native frameworks. iOS builds require complex setup. Smaller ecosystem compared to Flutter/React Native. Not suitable for high-performance animations

How can I practice Kivy typing speed?

CodeSpeedTest offers 10+ real Kivy code examples for typing practice. You can measure your WPM, track accuracy, and improve your coding speed with guided exercises.

Learn Other Programming Languages

C React Python C++Rust TypeScript Kotlin PHP Java C#Ruby Mql Cql N1ql Cypher Gremlin Partiql Haskell Elixir Fsharp View all languages →

Explain

Kivy uses Python for app logic and KV language for UI design.

It includes a full widget toolkit, layout engine, GPU-accelerated rendering using OpenGL ES2, and support for multitouch events.

Kivy is widely used for mobile apps, touchscreen kiosks, prototypes, educational tools, and Python-based cross-platform GUIs.

Code Sample Descriptions

Kivy Counter Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.label import Label

class CounterApp(App):
    def build(self):
        self.count = 0
        layout = BoxLayout(orientation='vertical', padding=20)
        self.label = Label(text=f'Count: {self.count}', font_size=32)
        inc_btn = Button(text='Increment', on_press=lambda x: self.increment())
        layout.add_widget(self.label)
        layout.add_widget(inc_btn)
        return layout

    def increment(self):
        self.count += 1
        self.label.text = f'Count: {self.count}'

if __name__ == '__main__':
    CounterApp().run()

Demonstrates a simple counter layout using Kivy widgets for interactivity.

Let’s Try →

Kivy Todo List App

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button
from kivy.uix.label import Label

class TodoApp(App):
    def build(self):
        self.tasks = []
        self.layout = BoxLayout(orientation='vertical', padding=20)
        self.input = TextInput(hint_text='Enter task')
        self.layout.add_widget(self.input)
        self.add_btn = Button(text='Add Task', on_press=lambda x: self.add_task())
        self.layout.add_widget(self.add_btn)
        self.task_box = BoxLayout(orientation='vertical')
        self.layout.add_widget(self.task_box)
        return self.layout

    def add_task(self):
        task = self.input.text.strip()
        if task:
        self.task_box.add_widget(Label(text=task))
        self.input.text = ''

if __name__ == '__main__':
    TodoApp().run()

A simple Todo app built with Kivy allowing users to add and view tasks.

Let’s Try →

Kivy Theme Switcher

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.graphics import Color, Rectangle

class ThemeApp(App):
    def build(self):
        self.dark = False
        self.layout = BoxLayout()
        self.button = Button(text='Switch Theme', on_press=lambda x: self.toggle_theme())
        self.layout.add_widget(self.button)
        self.update_bg()
        return self.layout

    def update_bg(self):
        self.layout.canvas.before.clear()
        with self.layout.canvas.before:
        Color(0.1, 0.1, 0.1) if self.dark else Color(1, 1, 1)
        Rectangle(size=self.layout.size, pos=self.layout.pos)

    def toggle_theme(self):
        self.dark = not self.dark
        self.update_bg()

if __name__ == '__main__':
    ThemeApp().run()

Demonstrates theme switching between light and dark using canvas colors.

Let’s Try →

Kivy Slider Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.slider import Slider
from kivy.uix.label import Label

class SliderApp(App):
    def build(self):
        self.layout = BoxLayout(orientation='vertical', padding=20)
        self.label = Label(text='Value: 0')
        self.slider = Slider(min=0, max=100, value=0)
        self.slider.bind(value=self.on_value)
        self.layout.add_widget(self.label)
        self.layout.add_widget(self.slider)
        return self.layout

    def on_value(self, instance, value):
        self.label.text = f'Value: {int(value)}'

if __name__ == '__main__':
    SliderApp().run()

Shows how to use Slider widgets and display their values dynamically.

Let’s Try →

Kivy Login UI Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button

class LoginApp(App):
    def build(self):
        layout = BoxLayout(orientation='vertical', padding=20)
        self.username = TextInput(hint_text='Username')
        self.password = TextInput(hint_text='Password', password=True)
        btn = Button(text='Login', on_press=lambda x: self.login())
        layout.add_widget(self.username)
        layout.add_widget(self.password)
        layout.add_widget(btn)
        return layout

    def login(self):
        print(f'User: {self.username.text}')

if __name__ == '__main__':
    LoginApp().run()

Creates a basic login interface with username and password fields.

Let’s Try →

Kivy Stopwatch Example

from kivy.app import App
from kivy.clock import Clock
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.label import Label

class StopwatchApp(App):
    def build(self):
        self.time = 0
        self.running = False
        self.layout = BoxLayout(orientation='vertical', padding=20)
        self.label = Label(text='0.0', font_size=32)
        self.layout.add_widget(self.label)
        self.layout.add_widget(Button(text='Start', on_press=lambda x: self.start()))
        self.layout.add_widget(Button(text='Stop', on_press=lambda x: self.stop()))
        self.layout.add_widget(Button(text='Reset', on_press=lambda x: self.reset()))
        return self.layout

    def update(self, dt):
        self.time += dt
        self.label.text = f'{self.time:.1f}'

    def start(self):
        if not self.running:
        self.running = True
        Clock.schedule_interval(self.update, 0.1)

    def stop(self):
        self.running = False
        Clock.unschedule(self.update)

    def reset(self):
        self.time = 0
        self.label.text = '0.0'

if __name__ == '__main__':
    StopwatchApp().run()

A simple stopwatch that starts, stops, and resets using Clock scheduling.

Let’s Try →

Kivy Toggle Button Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.togglebutton import ToggleButton

class ToggleExample(App):
    def build(self):
        layout = BoxLayout(padding=20)
        self.toggle = ToggleButton(text='OFF', on_press=self.toggle_state)
        layout.add_widget(self.toggle)
        return layout

    def toggle_state(self, btn):
        btn.text = 'ON' if btn.state == 'down' else 'OFF'

if __name__ == '__main__':
    ToggleExample().run()

Demonstrates Kivy’s ToggleButton for state-based interaction.

Let’s Try →

Kivy Color Picker Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.colorpicker import ColorPicker
from kivy.graphics import Color, Rectangle

class ColorPickerApp(App):
    def build(self):
        self.layout = BoxLayout()
        self.picker = ColorPicker()
        self.picker.bind(color=self.on_color)
        self.layout.add_widget(self.picker)
        with self.layout.canvas.before:
        self.bg = Color(1,1,1)
        self.rect = Rectangle(size=self.layout.size, pos=self.layout.pos)
        return self.layout

    def on_color(self, instance, value):
        self.bg.rgb = value[:3]

if __name__ == '__main__':
    ColorPickerApp().run()

Uses Kivy’s ColorPicker widget to change background color dynamically.

Let’s Try →

Kivy Calculator Example

from kivy.app import App
from kivy.uix.gridlayout import GridLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button

class Calculator(App):
    def build(self):
        self.result = TextInput(multiline=False, readonly=True)
        layout = GridLayout(cols=4, spacing=5, padding=10)
        layout.add_widget(self.result)
        buttons = ['7','8','9','/','4','5','6','*','1','2','3','-','0','.','=','+']
        for b in buttons:
        btn = Button(text=b, on_press=self.on_button)
        layout.add_widget(btn)
        return layout

    def on_button(self, instance):
        if instance.text == '=':
        try:
        self.result.text = str(eval(self.result.text))
        except:
        self.result.text = 'Error'
        else:
        self.result.text += instance.text

if __name__ == '__main__':
    Calculator().run()

A simple calculator UI built using Kivy layout widgets.

Let’s Try →

Kivy Image Viewer Example

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.image import Image
from kivy.uix.button import Button

class ImageViewer(App):
    def build(self):
        self.images = ['1.png','2.png','3.png']
        self.index = 0
        self.layout = BoxLayout(orientation='vertical')
        self.img = Image(source=self.images[self.index])
        btn_next = Button(text='Next', on_press=lambda x: self.next_img())
        self.layout.add_widget(self.img)
        self.layout.add_widget(btn_next)
        return self.layout

    def next_img(self):
        self.index = (self.index + 1) % len(self.images)
        self.img.source = self.images[self.index]

if __name__ == '__main__':
    ImageViewer().run()

Displays and switches between images using buttons in Kivy.

Let’s Try →

Frequently Asked Questions about Kivy

What is Kivy?

What are the primary use cases for Kivy?

Mobile apps (Android/iOS). Touchscreen kiosks and dashboards. Cross-platform GUI apps in Python. Prototyping and educational tools. Raspberry Pi and hardware interfaces

What are the strengths of Kivy?

Python-based - easy for Python developers. Cross-platform mobile + desktop. Lightweight and flexible. Multitouch and gesture support. Great for rapid development

What are the limitations of Kivy?

How can I practice Kivy typing speed?

CodeSpeedTest offers 10+ real Kivy code examples for typing practice. You can measure your WPM, track accuracy, and improve your coding speed with guided exercises.

Learn Kivy - 10 Code Examples & CST Typing Practice Test

Learn KIVY with Real Code Examples

Explain

Core Features

Basic Concepts Overview

Project Structure

Building Workflow

Difficulty Use Cases

Comparisons

Versioning Timeline

Glossary

Installation Setup

Environment Setup

Config Files

Cli Commands

Internationalization

Accessibility

Ui Styling

State Management

Data Management

Architecture

Rendering Model

Architectural Patterns

Real World Architectures

Design Principles

Scalability Guide

Migration Guide

Performance Notes

Security Notes

Monitoring Analytics

Code Quality

Practical Examples

Troubleshooting

Testing Guide

Deployment Options

Tools Ecosystem

Integrations

Productivity Tips

Challenges

Learning Path

Skill Improvement Plan

Interview Questions

Cheat Sheet

Books

Tutorials

Official Docs

Community Links

Community Support

Monetization

Future Roadmap

When Not To Use

Final Summary

Faq

Code Sample Descriptions

Kivy Counter Example

Kivy Todo List App

Kivy Theme Switcher

Kivy Slider Example

Kivy Login UI Example

Kivy Stopwatch Example

Kivy Toggle Button Example

Kivy Color Picker Example

Kivy Calculator Example

Kivy Image Viewer Example

Frequently Asked Questions about Kivy

What is Kivy?

What are the primary use cases for Kivy?

What are the strengths of Kivy?

What are the limitations of Kivy?

How can I practice Kivy typing speed?

Learn Other Programming Languages

Learn Kivy - 10 Code Examples & CST Typing Practice Test

Learn KIVY with Real Code Examples

Explain

Core Features

Basic Concepts Overview

Project Structure

Building Workflow

Difficulty Use Cases

Comparisons