Dashibase Insert
Notion-like form builder powered by Vue, Tailwind and Supabase
Overview
Discover a new way to design forms with a refreshing and aesthetically pleasing Notion-esque interface. This tool seamlessly integrates with Supabase, allowing for a rich user experience while providing all the features you need to create powerful forms effortlessly. Whether you choose to use the hosted version for free or opt to self-host, this solution caters to your needs and opens doors for endless customization options.
The design is inspired by popular tools like Notion and Tally, making it intuitive and easy to navigate. Built using Vue and Tailwind, this form builder not only enhances your productivity but also looks great while doing it. The open-source nature of the code encourages exploration, contributions, and community engagement, making it a unique project for developers and users alike.
Features
- Notion-esque UI: Navigate effortlessly using keyboard shortcuts and rearrange blocks and components with ease, giving you full control over your form design.
- Integrated with Supabase: Enjoy smooth compatibility with Supabase for a robust backend experience tailored to your project needs.
- Automatic Column Detection: Automatically identify required columns based on your table schema, saving you time and reducing manual setup.
- Input Type Recognition: Instantly detect input types based on PostgreSQL data types, ensuring your forms accept the right data effortlessly.
- Embedding Capabilities: Embed forms directly onto your websites, accommodating logged-in users and supporting Row Level Security for the hosted version.
- Password Protection: Enhance security by adding a password to restrict access to your forms, providing peace of mind for sensitive information handling.
- Open Source Code: Access the complete codebase for full transparency and customization options, with community contributions and suggestions always welcome.
- Community-Driven Development: Join the vibrant Discord community to share ideas, suggestions, and collaborate on future enhancements.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Notion
Notion is an all-in-one workspace that helps individuals and teams organize and manage their projects, notes, documents, and databases. It offers a range of features, including note-taking, task management, project planning, team collaboration, and more, all within a single app.
- Supabase
Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.