DEV Community

Cover image for Introducing tutim.io - A Headless, API-first, and Developer-led User Flow Platform
eylonmiz
eylonmiz

Posted on

Introducing tutim.io - A Headless, API-first, and Developer-led User Flow Platform

Hey Dev Community! 🎉

As a developer who has built and maintained a few hundred forms at Rapyd, a $10B+ fintech company, I've personally experienced the pain and inefficiencies of traditional form building and user flow creation. That's why I've been working on tutim.io - to provide a better alternative for developers and product teams alike.

I would love to hear your feedback on tutim.io a headless, API-first, and developer-led user flow platform that aims to revolutionize how product teams create and optimize their user flows.

The Problem: From Simple Forms to Complex Challenges

Complex Wizard Creation

Flexport's onboarding wizard plan (source)

When you start building a web app, you might begin with just one or two simple forms. As your app grows, so do the number and complexity of the forms. Soon, you may find yourself maintaining, upgrading, and fixing bugs in over 100 complex forms, and a significant part of your job becomes dedicated to managing these forms.

That's where tutim.io comes in. Our goal is to simplify and streamline the process of creating, optimizing, and maintaining user flows so that you can focus on what truly matters - building amazing products.

Why Headless?

Headless architecture is the future of UI development. By decoupling the frontend presentation layer from the backend, we've made it possible to build seamless, high-converting user experiences without sacrificing development time or resources.

Being headless means that our platform is flexible and can integrate with your existing tech stack seamlessly. The result? A truly developer-first product that empowers non-technical team members to contribute to product development.

How We're Different from Typeform and Other No-Code Form Builders

Unlike traditional form builders, tutim.io is:

  1. Headless - We don't impose any design constraints. Use your own design system and create unique user experiences that align with your brand.
  2. API-first - Our cloud backend comes with REST API support, making integration with your existing tech stack a breeze.
  3. Developer-led - We built tutim.io with developers in mind, addressing their needs and pain points throughout the entire development process.

How We're Different from Form Libraries (e.g RHF)

Unlike traditional form libraries like react-hook-form or formik, tutim.io offers:

  1. Non-technical team member empowerment - Our platform enables non-technical team members to create and optimize user flows, fostering collaboration and reducing the development workload.
  2. Multi-step support - Easily create multi-step user flows and wizard forms to guide users through complex processes.
  3. Rich features - Access a wide array of powerful features designed to simplify user flow creation and optimization.
  4. Remote schemas - Benefit from remote schemas that allow for real-time changes and easy management.

Key Features

  • Drag-and-drop user flow creation
  • Generate production-grade user flows and wizard forms from text
  • Use your own design system with our headless wizards
  • Integrate with your existing tech stack
  • Cloud-based or self-hosted options
  • REST API support
  • Conversion Rate Optimization

The Benefits

By using tutim.io, product teams can:

  • Save 50%-90% of development time
  • Increase conversion rates with optimized user flows
  • Enable non-technical team members to contribute to product development
  • Seamlessly integrate with their existing tech stack

What's Next

Our journey only starts. We're continuously working on improving tutim.io and adding new features based on your feedback. We're also excited to explore potential integrations with popular tools and platforms to make tutim.io even more powerful - so please let me know if you have that need.

Let's Talk!

We'd love to hear your thoughts on tutim.io, whether you're a developer, product manager, or simply interested in improving user flows. Have you faced similar challenges in your projects? What would you like to see in our platform?

Feel free to leave a comment here or join our discord channel at https://discord.tutim.io/. Let's make user flow creation and optimization a breeze for everyone! 🚀

Top comments (3)

Collapse
 
leetwito profile image
Lee Twito

Hats off to Eylon for tackling the form building and user flow challenges we've encountered! 🍓
As someone who has collaborated closely with Eylon on this project, I know your feedback and support can truly make a difference in refining this solution.

We've already received valuable insights from developers outside of this community, and now it's your turn! Let's work together to improve tutim.io and revolutionize the way we handle user flows, creating a more efficient and enjoyable experience for developers everywhere. Keep up the fantastic work, everyone! 🌟💻👏

Collapse
 
amcoil profile image
Amit Cohen

This looks pretty cool! Funny enough, I've been using react-jsonschema-form (rjsf) to generate React forms based on JSON Schemas, but it just wasn't flexible enough for my needs. I wasn't able to use my own components with it. So, I'm pretty stoked about this headless implementation – it should make things more versatile.
I'll give it a try soon

Collapse
 
leetwito profile image
Lee Twito

Great to hear!
Yeah rjsf is based on a similar concept, but Tutim supports more features like multi-step and conditional rendering, as well as no-code management layer for conversion optimization.
Feel free to join the discord channel for support: discord.tutim.io
Looking forward to further feedback :)