This is the first part of a series of several videos (stay tuned for Part 2) about styling the Spark One template for toddle. Watch along as Kasper from toddle creates a full UI kit/template based on the template.
It's Kasper's first time with Spark One, which means we get to discover the amazing Spark One template side-by-side.
👻 Ask questions about the Spark templates on Discord: https://discord.gg/toddle
🌐 Homepage of Spark, the agency behind the Spark templates: https://spark-pro.dev
📚 Docs for Spark Core: https://spark-pro.dev/spark-core
📚 Docs for Spark One: https://spark-pro.dev/spark-one/overview
⏯️ Demo site for Spark One: https://one.spark-pro.dev
📚 Chapters
00:00 - Intro
01:18 - About Spark One
04:36 - Creating a new project
06:00 - Adding a font
07:40 - Adding colors
08:48 - Styling a button
10:02 - Styling an accordion
13:56 - Styling a dialog
24:05 - End Part 1
Try toddle here 👉 https://toddle.dev/signup?utm_medium=youtube
🌎 Visit https://toddle.dev
🦋 Follow https://bsky.app/profile/toddle.dev
🐦 Follow https://twitter.com/toddledev
💬 Join https://discord.gg/toddle
What is toddle? 🤷♀️
toddle is an open-source web app builder crafted for professional product teams where:
👨🎨 Designers implement design in a Figma-like UI and
👨💻 Developers build logic with React-style functionality
toddle combines the power and performance of proven frameworks like Angular, Vue, and React with a fully visual environment, delivering the same robust capabilities in a more intuitive and streamlined workflow. By enabling Developers and Designers to collaborate in the same tool, toddle eliminates the dreaded handover process and fosters seamless teamwork.
Feature highlights:
✨ Open-source (coming 2025)
✨ Access to any database and API
✨ SSR out of the box
✨ Built-in Git-style branching and merging
✨ Export and embed web components
✨ Customise every single pixel
✨ Community packages
... toddle is a new way to build software, and it's fast.
We use toddle to build toddle 🤯