Build faster with packages

Packages

Access a rich repository of packages that lets you build at the speed of light.

Get started — it's free
Thumbnail for the Shoelace style package

Shoelace style

By leverall

54

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.

Thumbnail for the Spark Drag and Drop package

Spark Drag and Drop

By max

27

The Spark Drag and Drop Package is a powerful tool to create sortable lists and kanban boards, based on the fantastic SortableJS library.

Thumbnail for the Vanilla Calendar package

Vanilla Calendar

By leverall

18

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.

Thumbnail for the confetti package

confetti

By jacob

15

Custom action to unleash confetti on users!

Thumbnail for the starter-pack package

starter-pack

By lucas

13

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.

Thumbnail for the ui-toast package

ui-toast

By jacob

12

Beautiful feedback to events with ease. A single toaster component with the ability to trigger toasts from anywhere!

Thumbnail for the ui-accordion package

ui-accordion

By jacob

11

Simple accordion component. Use ui-accordion inside ui-accordions

Thumbnail for the Editor.js package

Editor.js

By leverall

11

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.

Don’t reinvent the wheel. Install packages with rich functionality and zero need to manage dependencies––no more broken plugins. It's just lightning-fast dev.
Install a package in one click and get access to rich functionality that you can use to develop your web app faster than anything you've ever tried before.

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.

Design cool components, actions, or formulas, package them, and use them everywhere––no need to mess around with complicated formulas. Build faster than ever.

Tiny wrapper, enormous potential.

Tiny, but mighty upgrades that are available with in a single click. Browse the community packages and start to build.

Thumbnail for the Shoelace style package

Shoelace style

By leverall

54

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.

Thumbnail for the Spark Drag and Drop package

Spark Drag and Drop

By max

27

The Spark Drag and Drop Package is a powerful tool to create sortable lists and kanban boards, based on the fantastic SortableJS library.

Thumbnail for the Vanilla Calendar package

Vanilla Calendar

By leverall

18

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.

Thumbnail for the confetti package

confetti

By jacob

15

Custom action to unleash confetti on users!

Thumbnail for the starter-pack package

starter-pack

By lucas

13

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.

Thumbnail for the ui-toast package

ui-toast

By jacob

12

Beautiful feedback to events with ease. A single toaster component with the ability to trigger toasts from anywhere!

Thumbnail for the Editor.js package

Editor.js

By leverall

11

Block-style editor with a universal JSON output.

Thumbnail for the ui-accordion package

ui-accordion

By jacob

11

Simple accordion component. Use ui-accordion inside ui-accordions

Thumbnail for the Carousel package

Carousel

By vakis

10

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.

Thumbnail for the quill package

quill

By andreas

10

A rich text editor for toddle based on quill.js

Thumbnail for the Tool Cool Range Slider package

Tool Cool Range Slider

By leverall

10

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.

Thumbnail for the Tagify package

Tagify

By leverall

10

Tags input component

Thumbnail for the Spark Calendar package

Spark Calendar

By max

9

A very powerful and flexible calendar for Toddle, built entirely in Toddle. Feature-rich and extremely customizable.

Thumbnail for the currency-formatter package

currency-formatter

By Gazinhio

9

Display numbers for any currency format.

Thumbnail for the Despia package

Despia

By NoCodeProCode

9

Build Scalable Mobile Apps in Toddle with most Native Features and Callback Data

Thumbnail for the match_media package

match_media

By jacob

8

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.

Thumbnail for the Dropdown package

Dropdown

By victor

8

Dropdown container component that adapts to any use case.

Thumbnail for the TypeIt package

TypeIt

By leverall

8

TypeIt is a JavaScript library that makes it easy to create flexible, dynamic typewriter effects for the web.

Thumbnail for the ps-table package

ps-table

By Pioneer_Solutions

7

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

Thumbnail for the Minimalistic Chart package

Minimalistic Chart

By lululucaschae

7

A chart package built within toddle with no library imports.

"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