Build even faster with 📦's
Access a rich repository of packages that lets you build at the speed of light ⚡
Shoelace style
By leverall
This package simplifies the use of Shoelace library web components. It is currently under development, with many more components, events and actions expected to be added.
confetti
By jacob
Custom action to unleash confetti on users!
quill
By andreas
A rich text editor for toddle based on quill.js
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.
Carousel
By user_57gvd5c
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
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.
location
By god_of_code
Formulas and actions that are useful when working with geolocation in the browser 🧭
It allows you to easily request the user's location once - or watch it as it updates 🗺️
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. It is currently under development, with many more components, events and actions expected to be added.
confetti
By jacob
Custom action to unleash confetti on users!
quill
By andreas
A rich text editor for toddle based on quill.js
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.
Carousel
By user_57gvd5c
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
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.
location
By god_of_code
Formulas and actions that are useful when working with geolocation in the browser 🧭
It allows you to easily request the user's location once - or watch it as it updates 🗺️
currency-formatter
By Gazinhio
Display numbers for any currency format.
dotlottie
By andreas
Play lottie animations in toddle.
dotLottie is an open-source file format that aggregates one or more Lottie files and their associated resources into a single file. They are ZIP archives compressed with the Deflate compression method and use the file extension of ".lottie".
Spline
By user_57gvd5c
Spline is a 3D builder where you can create engaging scenes and even 3D Games. This package enables you to load Spline scenes natively in toddle.
code-editor
By jacob
Code editor based on Monaco, powering tools such as vs-code.
Editor.js
By leverall
Block-style editor with a universal JSON output.
ps-table
By Pioneer_Solutions
Dynamic Table that allows you to:
- have certain columns sticky on the left during scrolling
- hide/show certain columns
- search by specific visible columns
- sort by any visible column
- pagination
- customize items per page
- is i18n compatible
- allows to add action buttons
- allows you to add select checkboxes
html-block
By andreas
Render dynamic html content e.g. from CMS in toddle
Minimalistic Chart
By lululucaschae
A chart package built within toddle with no library imports.
markdown-block
By andreas
Render Markdown content in toddle.
Social icons
By user_57gvd5c
Cool icon pack with all the popular social networks.
Web media
By andreas
Control media playback in toddle. Add sound effects to your toddle app, or building a custom video player!
Custom switch statement
By lululucaschae
Custom formula that allows you to use the switch / case statement inside your the node editor.
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.
ui-toast
By jacob
Beautiful feedback to events with ease. A single toaster component with the ability to trigger toasts from anywhere!
built in toddle
By andreas
Show your love for toddle with a "built-in-toddle" button
lite
By user_57gvd5c
Embed YouTube videos, shorts, and playlists. This component loads YouTube Embed iframes faster.
horisontal-scroll-section
By kasper
Horizontal scrolling Netflix-style — grab or scroll content sideways!
color-picker
By andreas
A color picker built 100% in toddle.
Add Commas In Numbers
By bishop
No description available 🙄
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.
onboarding_wizard
By andreas
A simple dialog that you can populate with several onboarding steps.
Chart.js
By lululucaschae
A simple and customizable chart component. Takes in json data and displays it in various chart styles using Chart.js.
block test
By mows
No description available 🙄
test-table
By yacinin
No description available 🙄
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