DAM (Digital Assets Manager)
React Bricks’ Media Library houses all images and files uploaded to a project. Images can be viewed in a thumbnail layout (with adjustable size) or as a list. Users can search media using the search bar or filters, and can select items to move to the trash bin—from which they can be permanently deleted or restored. The Media Library also allows for folder creation to better organize assets.
Images can be loaded into the project from various sources:
Upload
Clicking on an image will open the window where it can be edited or replaced. Clicking the button “Replace image” and choosing the option “Upload” will open another window in which the image can be uploaded by selecting it from a folder or by dragging and dropping it in the grey area. Once the image is uploaded, it will be possible to see its details and to change some of its properties such as: file name, title/caption, alternate text, source and copyright. The image is now ready to be flipped, rotated or cropped or just added to the page as it is.
From Media Library
To replace an image from the Media Library, click the image, select “Replace image,” and choose “from Library.” This opens React Bricks’ Media Library window, where you can find media using the search bar, filters, or by browsing folders (which can be created in the Media page). If the chosen media is already used in other pages, you can select one of those versions. After selection, you can modify properties like alternate text and SEO-friendly name. The image is then ready for flipping, rotating, cropping, or direct addition to the page.
From Unsplash
To use an Unsplash image, click the image, select “Replace image,” and choose “from Unsplash.” This opens a window where you can search for and select an image. Once selected, the image is added to the Media Library. You can then view its details and modify properties such as file name, title/caption, alternate text, source, and copyright. The image is ready for flipping, rotating, cropping, or direct addition to the page.
From URL
To use an image from a URL, click the image, select “Replace image,” and choose “from URL.” Enter the new image URL in the window that appears. After the image loads, you can view its details and modify properties such as file name, title/caption, alternate text, source, and copyright. The image is then ready for flipping, rotating, cropping, or direct addition to the page.
Batch upload
React Bricks’ Media Library supports both individual and batch uploads. Click “Upload images” to open a window where you can select multiple images from a folder or drag and drop them into the designated area. Once the upload is complete, the images will be available in the library.
Image editing
After selecting an image, you can flip, rotate, or crop it.