Learn THUNKABLE with Real Code Examples
Updated Nov 23, 2025
Installation Setup
Sign up for a Thunkable account
Access Thunkable web app via browser
Familiarize with drag-and-drop editor
Connect device for live preview or use web simulator
Set up app properties and platforms (iOS/Android)
Environment Setup
Sign up for Thunkable account
Access web editor via browser
Connect mobile device for live testing
Familiarize with drag-and-drop interface
Start a new app project
Config Files
Project settings stored in Thunkable cloud
Assets stored in project library
Screens and components managed visually
Logic blocks define app behavior
Exported binaries contain full native app
Cli Commands
Most tasks are handled via Thunkable web editor
Live Preview to test on device
Export APK/IPA for offline testing
Publish to app stores via Thunkable interface
Manage assets and settings in web dashboard
Internationalization
Text labels can be localized for multiple languages
Supports dynamic language switching
Adapt layouts for RTL languages
Use external data sources for localized content
Maintain separate assets for different locales
Accessibility
Supports screen readers and text-to-speech
Keyboard accessibility for supported platforms
High-contrast visual options
Event accessibility labels
Test across devices for accessibility compliance
Ui Styling
Customize component properties in editor
Use layouts for responsive design
Themes and colors applied visually
Media assets can be added to screens
Animations and transitions available via components
State Management
Screen-level state handled by Thunkable blocks
Global variables for shared app state
Data persistence via Firebase or device storage
Event-driven updates using blocks
Cloud services used for complex state management
Data Management
Store app data in Firebase or Airtable
Access device storage for local persistence
Manage JSON data from APIs
Offline data caching for resilience
Secure sensitive data with built-in storage encryption