Hoverify
CSS Scan
CSS Scan Pro
EazyCSS
DivMagic
Shuffle for Tailwind CSS
CSS Peeper
CodePen
RealityMAX
Blender
SketchUp
Kimp
GardenBox 3D
CADMAPPER
Garden Planner
Realtime Landscaping Pro
Tools to make your web dev life a bit easy.
⭐ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
⭐ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
⭐ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
⭐ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
⭐ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
⭐ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
RealityMAX is the go-to platform for 3D design collaboration, product visualization, and augmented shopper engagement. Combine multiple models and objects in almost any 3D/2D format (we support .glb, .gltf, .fbx, .3dm, .obj, .dae, .stl, .3ds, .3mf, .png, .jpeg/jpg, .heic/.heif, .webp, and more – also zipped folders). Leverage AI to optimize and elevate your designs. Visualize and manipulate 3D objects. Create Smart Materials that adapt automatically as you transform the object. Invite teammates and clients to work with you in the same virtual environment. Share your creations as a Web 3D or AR experience with call-to-action buttons (also through password-protected links and QR Codes). Insert interactive 3D in your website or app easily with a copy-and-paste embed code. Track visits to your scenes.
Hoverify RealityMAXGreat for editing models and putting together complex scenes directly in the browser. I have used it for several interior design projects and it worked smoothly all the time. Also cool that you can share your stuff in augmented reality with a couple of clicks. That made my clients go crazy >D
RealityMAX is a free 3D editing platform for professionals that lets users visualize their models online, safeguard their copyright, and output in AR, Web AR, and VR. Its real-time collaboration feature makes it ideal for professionals like architects, designers, and engineers. Additionally, it allows easy editing of materials and models, making it a go-to solution for anyone needing a powerful and user-friendly platform.
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
Blender - Blender is the open source, cross platform suite of tools for 3D creation.
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
SketchUp - 3D for Everyone
EazyCSS - No code CSS editor for any website.
Kimp - Kimp is an unlimited design company, specializing in graphic design (including print and digital designs, custom illustrations, landing page designs and email designs) and video design.