
DrawSQL
DBDiagram.io
Azimutt
MySQL Workbench
DbSchema
PopSQL
ChartDB
LucidChart
Mantine
Chakra UI
Ant Design
Tailwind CSS
DaisyUI
NextUI
Next.js
Tailwind UI
DrawSQL is a simple, beautiful database diagram editor for developers to ๐ง create, ๐ฌ collaborate and ๐ visualize their entity relationship diagrams.
DrawSQL
MantineNo Mantine videos yet. You could help us improve this page by suggesting one.
Based on our record, Mantine seems to be a lot more popular than DrawSQL. While we know about 139 links to Mantine, we've tracked only 12 mentions of DrawSQL. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
With this, I went for designing the db. I went to http://drawsql.app/ and created my first draft. Then exported the DDL and did a bit of back and forth with AI. This is the final draft of the database:. - Source: dev.to / 8 months ago
So I started designing the DB using this cool tool. The project has 2 tables, users and categories . The user can create many categories as he wants so the first approach I took was creating a third table, a union table to store user_id and category_id. With this solution the users are able to create x numbers of categories and we can see assign the category to the user. - Source: dev.to / over 1 year ago
Once you have generated the SQL code, you can convert it into a relational schema (the graphical table model) using DrawSQL. This tool offers:. - Source: dev.to / over 1 year ago
DrawSQL makes it easy for teams to collaborate on creating and maintaining schema diagrams. With a single source of truth, there's no need for manually syncing diagram files between different developers and offline tools anymore. Source: about 3 years ago
To be honest, since you are just getting started, I think you should reconsider simplifying this app to begin with. Built something easier and get some more experience before jumping in the ocean. Maybe start by focusing only on the parent company and sub-companies. However, I strongly recommend you to try and make a diagram of your database with relations and columns as it can you a lot of time. I personally use... Source: about 3 years ago
Back in invoice-app/. Install Oicana alongside Mantine for the UI:. - Source: dev.to / about 2 months ago
The Next.js frontend has one dynamic route: /tools/[slug]. It fetches the manifest for that slug from the FastAPI backend, then renders the form using a custom renderer registry. Each x-nix.widget type maps to a Mantine component โ textarea becomes a Textarea, dropdown becomes a Select, switch becomes a Switch, file becomes a file upload zone. - Source: dev.to / about 2 months ago
For any web application that involves rich client-side interactions, the perks of using React and having access to the ecosystem of tooling built around it (e.g. Redux Toolkit, React Native, TanStack, Next.js, as well as component libraries like Mantine) are undeniable. Its declarative API for turning state into UI is also easy enough to pick up for most (even if it requires experience to master). - Source: dev.to / 3 months ago
Scotty is built on the WPBones framework โ a Laravel-style architecture for WordPress plugin development. The React dashboard is powered by Mantine UI, giving you a modern, fast, and accessible interface. - Source: dev.to / 3 months ago
In the world of modern web development, choosing the right UI component can make or break the user experience. Today, we're excited to introduce you to Mantine SelectStepper, a React component that revolutionizes how users interact with predefined option lists. Built on top of the powerful Mantine UI library, this component offers an elegant, intuitive alternative to traditional dropdown selects. - Source: dev.to / 6 months ago
DBDiagram.io - Free database diagrams designer for analysts & developers ๐
Chakra UI - Simple, modular and accessible UI components for your React applications.
Azimutt - Next-Gen ERD to Design, Explore and Document real world databases (big and messy ones ^^)
Ant Design - An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
MySQL Workbench - MySQL Workbench is a unified visual tool for database architects, developers, and DBAs.
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.