Build even faster with packages

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

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

50

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

24

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

15

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

14

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 Editor.js package

Editor.js

By leverall

11

Block-style editor with a universal JSON output.

Thumbnail for the quill package

quill

By andreas

10

A rich text editor for toddle based on quill.js

Thumbnail for the ui-toast package

ui-toast

By jacob

10

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

Thumbnail for the Carousel package

Carousel

By vakis

9

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 ui-accordion package

ui-accordion

By jacob

9

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

Thumbnail for the Tagify package

Tagify

By leverall

9

Tags input component

Thumbnail for the currency-formatter package

currency-formatter

By Gazinhio

9

Display numbers for any currency format.

Thumbnail for the Tool Cool Range Slider package

Tool Cool Range Slider

By leverall

9

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 Minimalistic Chart package

Minimalistic Chart

By lululucaschae

7

A chart package built within toddle with no library imports.

Thumbnail for the Chart.js package

Chart.js

By lululucaschae

7

A simple and customizable chart component. Takes in json data and displays it in various chart styles using Chart.js.

Thumbnail for the Spark Calendar package

Spark Calendar

By max

7

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

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 TypeIt package

TypeIt

By leverall

7

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

Thumbnail for the Scrollbar Generator package

Scrollbar Generator

By leverall

6

Give your default scrollbars a makeover with this tiny package - because even scrollbars deserve to dress up and impress your users!

Thumbnail for the Nocode-UI package

Nocode-UI

By ArthurBicytrust

6

Nocode-UI is a collection of UI components inspired by Shadcn/ui and TailwindCSS. This is an early-access version, only the card, input and button component are included!

Thumbnail for the markdown-block package

markdown-block

By andreas

6

Render Markdown content in toddle.

Thumbnail for the Dropdown package

Dropdown

By victor

6

Dropdown container component that adapts to any use case.

Thumbnail for the location package

location

By god_of_code

6

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 🗺️

Thumbnail for the match_media package

match_media

By jacob

6

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 ApexCharts package

ApexCharts

By Olumise

5

Create beautiful Charts from the Apex Chart Libary - Pie, Bar, Donut, Line, Area 📊

Thumbnail for the dotlottie package

dotlottie

By andreas

5

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".

Thumbnail for the code-editor package

code-editor

By jacob

5

Code editor based on Monaco, powering tools such as vs-code.

Thumbnail for the Spline package

Spline

By vakis

5

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.

Thumbnail for the ripple package

ripple

By jacob

4

Wrap any element in a ripple component to add a ripple effect on the pointer-down. Ripple is based on Material Design and is often used to provide better feedback to interactable areas.

Thumbnail for the OpenAIStream package

OpenAIStream

By chris

4

OpenAI Chat Streaming custom action for toddle.dev

Thumbnail for the StudioForm package

StudioForm

By bmg

4

StudioForm is a powerful, feature-rich multi-step forms framework that was originally developed for Webflow. Then Wized. Now toddle. It's ideal when you need to capture a lot of data from your users at once. Think application forms, onboarding flows, step-by-step project request forms, surveys, etc.

model-viewer

By god_of_code

4

model-viewer allows interacting with rich 3D models using a customizable component 👍

simple-json-viewer

By andreas

4

A simple JSON viewer built 100% in toddle

Thumbnail for the html-block package

html-block

By andreas

4

Render dynamic html content e.g. from CMS in toddle

intersection-observer

By jacob

4

Easy to use component to check where content is compared to the viewport. Useful for delaying rendering or playing animations on scroll.

onboarding_wizard

By andreas

4

A simple dialog that you can populate with several onboarding steps.

Thumbnail for the Custom switch statement package

Custom switch statement

By lululucaschae

4

Custom formula that allows you to use the switch / case statement inside your the node editor.

Thumbnail for the Pixel package

Pixel

By toddler

3

Add tracking scripts to your site

Thumbnail for the Calendly.com package

Calendly.com

By vakis

3

Easy scheduling ahead
Calendly is your scheduling automation platform for eliminating the back-and-forth emails to find the perfect time — and so much more.

zoompane

By andreas

3

A zoom / scroll panel like the one used in toddles editor

Thumbnail for the horisontal-scroll-section package

horisontal-scroll-section

By svenning

3

Horizontal scrolling Netflix-style — grab or scroll content sideways!

Thumbnail for the Cal.com package

Cal.com

By vakis

3

Scheduling infrastructure for everyone. Meet Cal.com, the event-juggling scheduler for everyone. Focus on meeting, not making meetings. Free for individuals.

Thumbnail for the lite package

lite

By vakis

3

Embed YouTube videos, shorts, and playlists. This component loads YouTube Embed iframes faster.

spring

By andreas

3

A package for creating spring animations in toddle

Thumbnail for the color-picker package

color-picker

By andreas

3

A color picker built 100% in toddle.

Thumbnail for the CSV Excel Importer package

CSV Excel Importer

By impler

3

No-Code CSV Excel Importer to customer's data in Toddle Application!

Features:
- Supports providing userId
- Scalable to import large amount of records
- User Friendly editor
- One-click column mapping
- Themeable
- Supports multiple importers on the same page

Demo available on, https://csv_excel_importer.toddle.site

Feel free to contact bhavik@impler.io for any help or questions.

Thumbnail for the Social icons package

Social icons

By vakis

3

Cool icon pack with all the popular social networks.

AppwriteAuth

By micah

2

Mostly for internal use will be maintaining for agency but you are welcomed to try it out, can't guarantee good support to feature requests or bugs.

Thumbnail for the Web media package

Web media

By andreas

2

Control media playback in toddle. Add sound effects to your toddle app, or building a custom video player!

Thumbnail for the built in toddle package

built in toddle

By andreas

2

Show your love for toddle with a "built-in-toddle" button

Thumbnail for the cubic-bezier-editor package

cubic-bezier-editor

By jacob

2

A Bézier curve editor. Useful for creating timing functions to use in toddle or in standard CSS.

Thumbnail for the pdf package

pdf

By jacob

2

A simple component using PDFJS to load and view PDFs.

Thumbnail for the Powercurve package

Powercurve

By pascal

2

Gorgeous Data Visualization in Toddle

Thumbnail for the toddle website package

toddle website

By svenning

2

Super secret package! Might be something with our new website! Who knows 🤷‍♀️

Thumbnail for the Nano ID package

Nano ID

By jacob

2

A tiny, secure, URL-friendly, unique string ID generator for toddle. Works with Server Side Rendering (SSR).

Instantdb (Unofficial)

By mar

2

No description available 🙄

Thumbnail for the HTML Frame package

HTML Frame

By NoCodeProCode

1

Render Safe HTML Files in a Preview Window

Thumbnail for the Image Cropper package

Image Cropper

By jamessomers

1

cropper.js JavaScript image cropper.

Terime Component Preview

By NoCodeProCode

1

No description available 🙄

Thumbnail for the Emoji Confetti package

Emoji Confetti

By mattcc119

1

Make your web pages rain pure joy with Emoji Confetti Maker, the Toddle package that turns ANY emoji into a dazzling cascade of celebration!

Mapbox

By olicarter

1

No description available 🙄

Thumbnail for the Screenshots - html2canvas package

Screenshots - html2canvas

By mattcc119

1

This package provides a way to capture, preview, and download screenshots of specific elements within your Toddle app. It uses the html2canvas library to render DOM elements into images, allowing users to generate screenshots of app content. With built-in preview functionality, users can view the screenshot before downloading it.

Thumbnail for the SyncdeskUI package

SyncdeskUI

By Alfred

1

Ui package with the current components. FYI UNDER DEVELOPMENT

Table
- ui-tabel
- ui-tabel_head
- ui-tabel_header_cell
- ui-tabel_body
- ui-tabel_row
- ui-table_data_cell
- ui-avatar
- ui-avatar_group

UI
- ui-checkbox
- ui-counter
- ui-dimmer
- ui-divider
- ui-button
- ui-button_icon
- ui-spinner
- ui-alert_banner

Primitives
- primitive-helptext
- primitive-label

Add Commas In Numbers

By bishop

1

No description available 🙄

Unique Names Generator

By god_of_code

1

Generate unique words based on standard dictionaries or provide your own 🎉

Spectrum Web Components (Unofficial)

By mar

1

Unofficial integration of Spectrum Web Components for Toddle

quilljsAdvanced

By chklff

atollsmv

By VELUMBLEX

No description available 🙄

Quill (with more tool options)

By scotlnd

Modified Quill to add images and other toolbar options.

Untitled

By KORG

No description available 🙄

WebSockets

By andreas

Connect to WebSockets directly from toddle!

Thumbnail for the Outseta package

Outseta

By vakis

Outseta is a service that offers membership solutions as a service. Install the package to access a fully built membership service that allows you to charge for certain gated content or products.

Thumbnail for the typeform1 package

typeform1

By vakis

This is a package to embed typeform directly to your toddle projects. It makes it a lot easier to embed, and they run much smoother than an iframe.

Thumbnail for the Native Share package

Native Share

By NoCodeProCode

Use the Native Mobile Share API to Support Mobile App Like Native Sharing of any Content and Links / Files

marija-package

By marija

No description available 🙄

PlottlyJS

By calvin

Very much an alpha plottly package.

Untitled

By azimjon

No description available 🙄

test-table

By yacinin

No description available 🙄

horrible-nav-bar

By thedansaturno

No description available 🙄

untitled-package-48

By god_of_code

Thumbnail for the html2pdf.js package

html2pdf.js

By mattcc119

This Toddle action package generates a PDF from a specified HTML element. It uses html2pdf.js to capture the content and save it as a PDF file. The package is self-contained and works directly within Toddle workflows without additional setup. All styling for PDF is inherited directly from the page CSS. If the PDF render does not look how it was intended modify the CSS or HTML directly.

View the html2pdf.js GitHub for more information: https://github.com/eKoopmans/html2pdf.js?tab=readme-ov-file

e-Basics

By elsasser

A very basic collection of Components I frequently use. (not production ready)

package-1

By sahil8

No description available 🙄

block test

By mows

No description available 🙄

Thumbnail for the flutterby package

flutterby

By andreas

Flutterby is a bsky.social profile link made by Phil Hawksworth

Thumbnail for the Cello package

Cello

By marija

A package for integrating cello into your app.

Cello is an innovative user-led growth marketing platform designed to supercharge your customer referral program. Cello enables you to integrate a rewarding referral experience directly into your product, simplifying user engagement and enhancing the reach of your brand.

Thumbnail for the Date package package

Date package

By Alfred

No description available 🙄

Testinhomepage

By elggms

No description available 🙄

forked_editor_js

By NoCodeProCode

new

Supabase Upload Input

By lucas

A basic element to upload files to Supabase Storage

Untitled

By scotlnd

No description available 🙄

scratch_card_components

By Biliboss

No description available 🙄

MJ-Portfolio

By maryjose_cs

No description available 🙄

Untitled

By johnboa

poiuyt

IP

By Alwazw

No description available 🙄

"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