CRUDgen Features

More than 250 features and options in CRUDgen

Get a feature-rich UI... Cut the cost & save time

Get Quality UI Ready in Seconds, in many View Styles

CRUDgen generates the UI for CRUD operations instantly, providing a modern, feature-rich UI easily integrated with any backend technology. Fully customizable UI, for viewing and editing, and in many view styles.
⭐ Add the tables' fields ⭐ Choose a template ⭐ UI is ready, download it
View Styles: Table, List, Gallery, Chart, Board, Details, Form, Slider, Category, Guide, Authentication. (Soon) Time-table, Calendar
Table View Style Generator
Gallery View Style Generator
Gallery View Style Generator
Gallery View Style Generator
Category View Style Generator
Category View Style Generator
Guide View Style Generator
Slide View Style Generator
Details View Style Generator
Form View Style Generator
Authentication View Style Generator

CRUD Operations

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

Display Options

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


Fields Options

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

UI UX Features

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


Quality Tested UI

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.

CRUDgen for Teams

Teams' subscriptions are designed to make working with colleagues easy and secured, without sharing the data and by granting the least required privileges.

Team collaboration

Create or modify projects, apps, tables, templates, write comments and your team can see the changes immediately.

Role-based permissions

Lead, back-end, front-end, viewer, and other roles limit users' permissions, so they cannot make changes out of their scope.

Activity Logs

The activity log includes information like when a project, app, table, filed is modified, added, or deleted and who made the action.

Stay safer & keep your data safe

CRUDgen privacy features help keep you and your data safe by sharing your UI with team members without sharing the data.

  • CRUDgen generates demo data for your testing and does not require access to your data
  • CRUDgen provides private and team projects
  • CRUDgen allows splitting projects into apps and granting access to the app not the project
  • Big teams can apply role-based permissions with 7 different access levels

CRUDgen is complying with GDPR and CCPA regulations.

Easily build reactive UI
Easily integrate

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

Get a feature-rich UI
Cut the cost & save time

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.

Try it free