Packages
Access a rich repository of packages that lets you build at the speed of light.
Get started — it's freeShoelace style
By leverall
This package simplifies the use of Shoelace library web components.
Spark Core
By max
The unstyled component library for toddle. Ships with 25+ ARIA-compliant, completely customizable primitives.
Spark Drag and Drop
By max
The Spark Drag and Drop Package is a powerful tool to create sortable lists and kanban boards, based on the fantastic SortableJS library.
Vanilla Calendar
By leverall
Date and Time picker for your Toddle project. It is designed to be lightweight, simple to use, and feature-rich without relying on external dependencies. Build with vanilla-calendar.pro.
confetti
By jacob
Custom action to unleash confetti on users!
ui-toast
By jacob
Beautiful feedback to events with ease. A single toaster component with the ability to trigger toasts from anywhere!
starter-pack
By lucas
Some handy elements and icons to get started. Currently includes dropdown, tooltip, drag and drop list, an inline value edit, buttons, tabs, accordion, and icons.
More elements to be added/updated over time.
Editor.js
By leverall
Block-style editor with a universal JSON output.
Don’t build from scratch, install a package
You don’t have to reinvent the wheel. Install native packages with rich functionality and zero need to manage dependencies––no more broken plugins.
The fastest code is
the code you don't write
Install pre-built packages built by a world-class developer community and accelerate your time to market –– no coding required.
Skip the repetitive work.
Build reusable packages.
Design cool components, actions, or formulas, package them, and use them everywhere––no need to mess around with complicated formulas.
Tiny wrapper, enormous potential.
Tiny, but mighty upgrades that are available with in a single click. Browse the community packages and start to build.
Shoelace style
By leverall
This package simplifies the use of Shoelace library web components.
Spark Core
By max
The unstyled component library for toddle. Ships with 25+ ARIA-compliant, completely customizable primitives.
Spark Drag and Drop
By max
The Spark Drag and Drop Package is a powerful tool to create sortable lists and kanban boards, based on the fantastic SortableJS library.
Vanilla Calendar
By leverall
Date and Time picker for your Toddle project. It is designed to be lightweight, simple to use, and feature-rich without relying on external dependencies. Build with vanilla-calendar.pro.
confetti
By jacob
Custom action to unleash confetti on users!
ui-toast
By jacob
Beautiful feedback to events with ease. A single toaster component with the ability to trigger toasts from anywhere!
Editor.js
By leverall
Block-style editor with a universal JSON output.
starter-pack
By lucas
Some handy elements and icons to get started. Currently includes dropdown, tooltip, drag and drop list, an inline value edit, buttons, tabs, accordion, and icons.
More elements to be added/updated over time.
quill
By andreas
A rich text editor for toddle based on quill.js
.png/48)
Spark Calendar
By max
A very powerful and flexible calendar for Toddle, built entirely in Toddle. Feature-rich and extremely customizable.
Despia
By NoCodeProCode
Build Scalable Mobile Apps in Toddle with most Native Features and Callback Data
Carousel
By vakis
A carousel is a dynamic element commonly used to showcase multiple images or pieces of content within a confined space. A carousel is excellent for user interfaces that have confined elements for content. Social networks like Facebook or Instagram use carousels for images. It allows them to show multiple images in a single card in their feeds.
ui-accordion
By jacob
Simple accordion component. Use ui-accordion inside ui-accordions
Tool Cool Range Slider
By leverall
Responsive range slider with a rich set of settings, including pointers (knobs), vertical and horizontal slider, touch, mousewheel and keyboard support, range dragging, RTL support and many more features.
Tagify
By leverall
Tags input component
currency-formatter
By Gazinhio
Display numbers for any currency format.
match_media
By jacob
A single action to listen for changes in a given media query. Executes a callback when the query matches or doesn’t match. Can be used for viewport changes, or changes to system theme settings, device orientation etc.
Dropdown
By victor
Dropdown container component that adapts to any use case.
TypeIt
By leverall
TypeIt is a JavaScript library that makes it easy to create flexible, dynamic typewriter effects for the web.
Scrollbar Generator
By leverall
Give your default scrollbars a makeover with this tiny package - because even scrollbars deserve to dress up and impress your users!
"Packages make Toddle a virtually limitless No Code development tool."
Gareth, Nocode Coder
"toddle is like racing a new F1 vs Ford Model T and with packages, it’s the same race, but you also get a head start."
Lucas G, Founder