Interview with the Spark UI Libraries Creator Max

Andreas, CEO of toddle, and Max from Spark Agency talk about the UI Libraries Spark Core and Spark One for toddle.dev. Spark Core is an unstyled component library for toddle that handles complex logic and accessibility while allowing complete styling freedom. Spark One is a pre-styled template built on top of Spark Core. Max explains how they drew inspiration from Radix UI (a React library) and adapted it for toddle, focusing on accessibility, browser compatibility, and usability. Both libraries have been widely adopted in the toddle community, with some components even being incorporated into the toddle editor itself. 👻 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 Introduction and background on Max and Spark Agency 02:15 Explanation of Spark Core package and components 03:40 Differences between Spark Core and Spark One 05:23 The problem with styled UI libraries and overriding CSS 07:19 Benefits of completely unstyled components 09:02 Open source nature and community usage 10:27 What makes building UI libraries complex 13:10 Example: The complexities of building a select component 16:15 Accessibility features in Spark components 19:30 Importance of accessibility beyond visual impairments 21:34 Inspiration from Radix UI and comparison to Shadcn 23:50 Challenges in building component libraries in toddle 25:40 Development timeline and learnings 27:08 Collaboration with toddle and new styling features 29:45 Contact information and documentation 31:20 Conclusion and impact on the toddle community 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 🤯