TutorKit

Welcome to the TutorKit documentation! TutorKit is a powerful suite of tools designed to help you build interactive, coding-based tutorials, courses, and playgrounds effortlessly.

With TutorKit, you can create immersive learning experiences directly in the browser, complete with an interactive file tree, a live code editor (powered by Sandpack), and real-time custom validation logic for coding challenges.

Key Features

• Interactive Playground: A full-featured in-browser code editor and preview environment built on top of Sandpack.
• Curriculum Builder: A visual studio to design courses, lessons, and challenges, and export them as JSON.
• Theme Builder: Customize the look and feel of your playground and courses with a visual theme editor.
• Client-Side Validation: Write custom JavaScript validation functions to check learners' code dynamically in the browser.
• Extensible Architecture: Built as a monorepo, allowing you to easily integrate the tutorkit component into your own React or Next.js applications.

Try it online

• Studio: https://tutorkit-studio.codearcade.io/
• Live demo: https://tutorkit-demo.codearcade.io/

These tools let you customize themes, build curriculums, and preview the learning experience without setting up the project locally.

What is Next?