Issue #608 (ToolJet Review, Frameworks, Build Tools, React)03/13/25
The following is a paid product review for ToolJet, an open source, AI-powered, low-code platform for building and deploying custom internal tools and business apps.
In recent years, you've probably come across a few different platforms for building internal tools for you or your team. These tools allow you to build complex apps in minutes using prebuilt components and integrations with popular data sources.
Today I'm excited to share details on another such tool that also includes AI-powered assistance. The platform is called ToolJet.
ToolJet's primary features include:
- Visual App Builder – Create an attractive UI with ToolJet's library of drag-and-drop components and pre-built templates
- Data Sources – Connect with any of ToolJet's 50+ data source integrations, including apps, databases, and APIs
- Workflows – Create complex automations using a visual, node-based interface
- ToolJet Database – A scalable, no-code database management system built on top of PostgreSQL
- Build with AI – Use a natural language prompt to build and refine business apps, which includes help from an AI-powered documentation assistant
Building with AI in ToolJet
The AI-building feature is a great addition to a platform like this, which is already powerful without the AI features. When you sign up for a ToolJet account, you'll see the AI prompt in your workspace, as shown below (I've selected dark mode for my workspace but the default is light mode).
Building apps using the AI prompt in ToolJet's workspace
There are a few example prompts you can try out, or just type out your own description. I made my own modification to the "Billing Management System" prompt, and the "Build with AI" sidebar provided me with a thorough breakdown of the full details of the app that will be generated.
Reviewing details for the AI generated app in ToolJet's "Build with AI" sidebar
This allows me to verify the nuts and bolts of the app. I can make adjustments or, if I like what I see, I can hit "Approve" to generate the app.
The Documentation Assistant
As mentioned, the Build with AI panel includes a Documentation Assistant. You can access this at the top of the panel by clicking the "Learn" tab then typing the question you want to ask.
Using the AI-powered Documentation Assistant in ToolJet
So if you happen to run into a problem or don't know how something works, just ask the assistant for help.
Components & Templates
Besides the AI features of ToolJet, you'll want to be familiar with the core features that allow you to build and customize your apps. For example, the components are accessible in a right-hand sidebar.
Choosing a component from the sidebar in ToolJet
From the sidebar you can search for components by keyword then drag them into your app. Once the components are on the app canvas, you can edit them as needed, just as you would with any GUI component editor.
ToolJet also provides access to a large selection of prebuilt app templates. You can access this feature by clicking the three-dots icon next to the "Create an app" button in your main apps workspace. From there you can "Choose from template", which opens up an overlay to view the currently available templates.
Choosing from the available templates in ToolJet
The templates, more than 60 in all, are filterable by category or you can search for a template by keywords.
Connecting to Data Sources
The real power when building apps in ToolJet comes from the ability to connect your app components to data sources. ToolJet allows you to connect to more than 50 different databases, APIs, and similar services.
Available data sources in ToolJet
You can pick from any of those sources, depending on which ones you prefer or have used before.
The ToolJet Database
Alternatively, you have the option to use the ToolJet Database. You can access this feature in the workspace by clicking the "ToolJet Database" icon (2nd from the top) in the left sidebar navigation.
Using the ToolJet Database
You can create a new database table by clicking the "Create new table" button. This opens a right sidebar panel where you can enter the details of your database.
The sidebar panel for entering database table details in ToolJet
You can select any of the tables you've created and enter data as needed. You have the option to enter new rows and data manually or do a bulk upload in CSV format (ToolJet provides a template for the required format).
Building Queries to Interact with Your Data
Once your data source is set up, ToolJet allows you to create queries to allow your application to interact with your data. To create a query, select the app you want to create a query for, then click to expand the "Queries" panel, which you'll see in the bottom-left area of the workspace inside the app you're editing.
Creating queries using the Queries panel in a ToolJet app
From there, you can add new queries and edit existing queries using any of the data sources you've connected. The left side of the Queries panel allows you to manage your queries and the right side is a low-code editor where you can construct your queries or simply enter them directly as text (see screenshot above).
More Features
That should give you a pretty good idea what the primary features of ToolJet are all about. There's a lot of power and flexibility, allowing you to build just about any kind of business application.
To wrap up, I won't go into great detail on the following, but just to give you an idea of the comprehensive toolset in ToolJet, here are some other features you'll want to take note of:
- Inspector – View data related to your applications
- Pages – Create, manage and navigate your multi-page applications
- Marketplace – Enhance your workspaces by adding user-created plugins
- Authentication – Self-hosted and cloud based auth for secure access to your applications and data
- Deployment – Deployment options include Docker, Digital Ocean, AWS, Kubernetes, Azure, and more
- ToolJet API – Interact with the ToolJet platform programmatically to mange users and workspace relations
Feel free to browse ToolJet's excellent documentation for full details on any of the features I've mentioned above.
You can try out all of ToolJet's features today by creating an account. You'll automatically be signed up for a 14-day trial, after which you'll be downgraded to the free version of ToolJet.
ToolJet has a great balance of AI and human features that allow you to build just about anything you want, saving your team time and resources with your own internal apps at a reasonable cost. So try ToolJet today, I'm sure you'll be more than impressed with its comprehensive capabilities.
Now on to this week's tools!
|
Web Frameworks
Penguin UI — A plug-and-play UI component library for Tailwind and Alpine.js, with ready-to-use themes that can be customized, support for dark mode, and accessibility built in.
Chrome Extension Boilerplate — A boilerplate that helps you create Chrome/Firefox extensions using React and Typescript, improving the build speed and development experience by using Vite and Turborepo.
Get nextjs — Free and premium Next.js templates built with React and Tailwind. Currently has 14 paid templates and 8 free, covering various categories of apps and pages.
Ant Design X — A UI library based on Ant Design to create AI-driven interfaces, incorporating best practices for enterprise-level AI products, flexible atomic components, out-of-the-box model integration, among other features.
Edit the Webflow CMS From a Spreadsheet — Whalesync connects your Webflow CMS to spreadsheets like Airtable, Notion, and Google Sheets. Manage thousands of CMS pages, launch programmatic SEO campaigns, or use AI & formulas - all with a couple of clicks. SPONSORED 
SyntaxUI — A library of prebuilt, components, animations, interactions, and effects, built with Tailwind and brought to life using Framer Motion.
 |
TailwindFlex — A library of 2,100+ ready-to-use components made with Tailwind, searchable and filterable via 80+ categories.
Medusa B2C Starter — A monorepo that serves as a starter template for building B2C e-commerce applications using Medusa, Next.js, and Sanity (for content management).
Electron App — An opinionated boilerplate for building Electron app with React 19, TypeScript 5, Tailwind 4, shadcn/ui, electron-vite, Biome, GitHub Action releases, and more.
|
Build Tools, Bundlers, etc.
import-in-the-middle — A module loading interceptor inspired by a similar project called require-in-the-middle, but specifically for ES modules, and can even modify modules after loading time.
bunchee — A zero-config bundler for JS/TS packages designed to streamline package building by adhering to the exports field in your package.json, and is powered by Rollup and SWC, with support for both CommonJS and ES modules.
Storybook × Rsbuild — A build tool for Storybook, powered by Rsbuild, with support for Rspack, Webpack 5, and popular frameworks like React, Vue, Lit, etc.
Vgo — A simple cross-platform scaffolding tool with support for user-defined templates for building Go-based projects, with a user-friendly CLI written in Go.
Edit the Webflow CMS From a Spreadsheet — Whalesync connects your Webflow CMS to spreadsheets like Airtable, Notion, and Google Sheets. Manage thousands of CMS pages, launch programmatic SEO campaigns, or use AI & formulas - all with a couple of clicks. SPONSORED
module-replacements — A manifest of JS modules and their more modern/active replacements.
@eslint/json — A plugin that allows you to natively lint JSON and JSONC files using ESLint.
vite-plugin-tsl-operator — A Vite plugin to let you use +, -, *, /, % with TSL Node in your Three.js project, making the code more concise and easy to read, write, and re-write.
bun-plugin-solid — A plugin that uses Babel under the hood for those who want to use Bun to build their Solid.js projects.
nvm-desktop — A desktop app for macOS, Windows, and Linux, built using Tauri, that helps you manage multiple Node.js versions through a visual interface.
|
|
Master Website Security – Join the Bootcamp
Security is non-negotiable for websites. Join our Security Bootcamp (March 18-19, 2025) and gain hands-on training from top security experts. Learn to combat cyber threats, secure your online business, and stay ahead of evolving threats.
With six expert-led sessions, interactive discussions, and live demos, you’ll master best practices and advanced security strategies. Don't miss this chance to strengthen your site’s defenses!
Register →
|
React Tools
data-table-filters — Extensible, fast, and easy-to-use filters for Tanstack Table, with shadcn/ui and search params via nuqs (for state management).
Toldo — An elevated dialog component for React, built on top of Radix's dialog component, that provides a few extra features to make it easier to work with dialogs in your application.
ai-chatbot — A full-featured, hackable AI chatbot template built with Next.js and the AI SDK by Vercel.
React-Autocomplete — A lightweight, modular, and headless React autocomplete solution that's accessible.
The AI Tool Report — There's a reason 400,000 professionals read this daily. AI solutions you can use to work smarter and achieve results – trusted by AI experts at Apple, Microsoft, Nasa, Anthropic, and OpenAI. SPONSORED
react-server — The easiest way to build React apps with server-side rendering, combining the developer experience of using Vite for React and all the new React 19 features.
React Query Builder — A fully customizable query builder component for React, along with a collection of utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, and more.
Cursify — An animated cursor component built with React, TypeScript, Tailwind CSS, and Framer Motion, with more than 20 variations of animations that are cool but certainly not for every project.
 |
21st.dev — An open source community registry for React UI components, like npm for design engineers, a marketplace of shadcn/ui-based React Tailwind components, blocks and hooks.
React Print — A set of high-quality, unstyled components for creating PDFs with React, with 100% layout control and ability to integrate dynamic data into your documents.
|
Commercial Apps & Classifieds
Octopus – Deploy software to multi-cloud, hybrid, and on-premises environments.
|
|
Hope AI – Build and maintain high-quality composable software. Ensure modularity, testing and documentation. By Bit. AD
|
NextUpKit – A full-featured Next.js SaaS starter kit with auth, payments, shadcn/ui, Tailwind, MongoDB, dark/light modes, and more.
|
|
StartupBolt – A Next.js boilerplate for SaaS startups, with payments, auth, theming, and more.
|
Techpresso – A free daily email with the most interesting tech news and insights in 5 min. AD
|
|
Starlight Starter – A full-featured documentation theme built with Astro for creating docs websites.
|
ShipAngular – An Angular boilerplate to build your SaaS, AI tool, or any other web app.
|
|
|
A Social Post for Thought
Hiring today is not an easy task, as this post makes clear. Shout out to all those having to interview candidates in today's market, especially if the field is remote/worldwide, which adds so much to the workload!
Send Me Your Tools!
Made something? Reply to this email or send links via Direct Message on X or via chat on Bluesky (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
Before I Go...
YouTube Sequencer is a music sequencer that takes advantage of YouTube keyboard shortcuts for jumping to different timestamps, turning any YouTube video into an instrument.
Thanks to all for subscribing and reading!
Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris
|
|