Get a feature-rich UI... Cut the cost & save time
Instantly, get the UI for all the CRUD operations: list, details, create, edit and delete with many options based on your needs.
Editing Options:
Not allowed, Inline, On details inline, On details page on click, On details page on double-click, On lists on click, On lists on double-click In Bulk
Deleting Options:
Not allowed, Inline, On details page, Delete without confirmation, With modal confirmation, With modal with input confirmation, In Bulk
Adding Options:
Not allowed, On add section, On form view, Show specific fields on add form, Default values
Bulk Actions:
Bulk edit, Bulk delete, Bulk select, Bulk select filtered, Bulk select search results, Bulk deselect
Choose the proper view styles and listing, filtering, sorting options, to build UI not only for tables, but also lists, blogs, categories, galleries and more.
View Style Options:
Table, List, Dynamic, View styles switcher, Next and previous items, Details view, Form view.
Listing Options:
Pagination, Load more, Infinite scrolling, Infinite scrolling on mobile, list all, Items per page, Items per row.
Filtering Options:
By any field, Column head or a separate UI element, Search multiple fields, Default filter value, Filter by URL parameters.
Sorting Options:
By any field, ascending descending, Column head or a separate UI element, Default sorting, Default sorting direction
CRUDgen provides many features to input and display fields, making a better user experience, and more beautiful UI.
Input Elements:
Text, number, textarea, checkbox, radio, select, email, URL, color, range, file, multi-file, image, multi-image, multi-select, time, date, telephone, password, datetime-local
Fields Options:
Show field on details view, Show field on table, Show field on list, Show field on add form, Show field on bulk action, Filter by field, Include field in search, Show entered password.
Input Validation:
Filed type, Field required, Field editable, Field unique, Field unique with, Field Max and Min length, Regex, File max size, File type, Number min, Number max, Email, URL, max_fraction_digits, Password confirm input, Password old value, Prevent using old password
Fields Auto Generation:
Field Input Type, Field editable, Field required, Field unique, Field unique with, Max and Min length, Field auto generation, Field options
CRUDgen provides extra UI UX options out of the box, makes using your system easier and more enjoyable.
Advanced UI elements:
Select and multi select search, Images manager with instant preview, File upload manager with file info, Simple image gallery, Masonry image gallery, Flex image gallery, Gallery box, Gallery light box, Virtual Scrolling, light theme, Dark theme, Auto light/dark theme switching, 14 pre-built themes
Messages Options:
Messages on all operations add, edit, update, and delete, messages on error only, or no messages if you want to use your messaging tool
Templates:
Custom templates, Default view only, Default editing, Cards, Editing with caution, Quick-editing, Clean view only, Clean Editing, Blog, Cards, Gallery
Personalization:
No personalization, Allowing some features, Allowing all features, Column Resizing and Reordering (comming soon), column reordering
Mobile friendly
Websites and apps designs to be mobile friendly ensures that your pages perform well on all devices.
Reactive
Message-driven design uses techniques are fast and responsive, whatever latency the network is facing.
Cross browser compatible
Compatible and tested on all popular web browsers like: Google Chrome, Firefox, Safari, Edge, Opera.
Cross device compatible
Compatible and tested on all popular web operating systems like: macOS, Windows, Linux, iOS, Android.
Validated
HTML, CSS, JavaScript validated code to ensure the maximum quality and an easier customization.
Secured
When the request is affecting the data, CRUDgen validates, sends the request to the DB, then updates the UI
Optimized
Based on the template options and the fields types, CRUDgen generates only the necessary code.
Readable
In addition to the optimization, the best coding practices and principles are applied for a better readability.
Teams' subscriptions are designed to make working with colleagues easy and secured, without sharing the data and by granting the least required privileges.
Create or modify projects, apps, tables, templates, write comments and your team can see the changes immediately.
Lead, back-end, front-end, viewer, and other roles limit users' permissions, so they cannot make changes out of their scope.
The activity log includes information like when a project, app, table, filed is modified, added, or deleted and who made the action.
CRUDgen privacy features help keep you and your data safe by sharing your UI with team members without sharing the data.
CRUDgen is complying with GDPR and CCPA regulations.
CRUDgen is a tool built by developers to assist developers in building a feature-rich user interface.
Zero learning curve
It takes about 5 minutes to learn how to generate your first user interface, add fields, set options, generate and customize the UI.
Preset templates help you to preview the effects of the UI options based on the fields you added in just a click and in a second.
Whatever changes you make, CRUDgen regenerates the UI accordingly and instantly, you can see the changes immediately
Easy integration
Scoped JS and CSS makes the generated UI works on your project without any conflicts, it will affect only the generated div element.
Use CDNs or download the files of CSSvars and Vue.js (more are comming) libraries, both options are available for an easier integration.
Keep your technology stack, CRUDgen was built to assist and not to force using a certain one, tested on many different technologies
Easy customization
You can customize colours, sizes, fonts easily with CSS variables and pre-built CSS classes, and choose or customize templates and take full control of it.
With the code replacement feature, you tell CRUDgen to remember your changes, so whenever you make changes, your code will be added automatically
With the extra JS CSS code feature, you can add your CSS styles, JS code or link to external files and libraries on the top or on the bottom of the generated code
Enjoy full access to the app for free, and build your
first UI in minutes.
Try it free for 7-days, no credit card required, no contracts or any commitments.
