Blueprint Builder for PC

App Screenshots

Software Features and Description

1. Draw your HTML layout on top of your Blueprint grid.

2. Blueprint Builder lets you generate a Blueprint CSS framework for a grid of any dimension.

3. This app is a graphical frontend to the Blueprint CSS Framework at bluprintcss.org. If you are not familiar or happy with the Blueprint CSS Framework, this app might not be for you.

4. Then draw your html layout graphically on top of your grid and preview your html and css in any web browser.

5. Create CSS Blueprint Grids of infinite varieties.

6. Use your own semantic CSS IDs in your HTML layout.

7. Use id="sidebar" instead of class="span-6, last" on your divs.

8. Build complex layouts of any variety and depth.

9. If you do not care for the Blueprint CSS Framework, you can add your own CSS id's to all divs in your layout, then you can export your layout without relying on the Blueprint CSS Framework.

10. Finally export your new source files to begin development.

11. Blueprint Builder validates your layout, but it does not demand that you accept the validation.

12. Liked Blueprint Builder? here are 5 Developer Tools apps like UWeb.io Website Builder; Kodika - No Code App Builder; FluxBuilder Pro; Builder - Bitrise unofficial; GitHub;

Download and install Blueprint Builder on your computer

GET Compatible PC App

App	Download	Rating	Maker
Blueprint Builder	Get App ↲	0 1	Del Sol Software

Or follow the guide below to use on PC:

Select Windows version:

Windows 10
Windows 11

Install Blueprint Builder app on your Windows in 4 steps below:

Download an Android emulator for PC:
Get either Bluestacks or the Nox App >> . We recommend Bluestacks because you can easily find solutions online if you run into problems while using it. Download Bluestacks PC software Here >> .

Install the emulator:
On your computer, goto the Downloads folder » click to install Bluestacks.exe or Nox.exe » Accept the License Agreements » Follow the on-screen prompts to complete installation.

Using Blueprint Builder on PC [Windows 10/ 11]:

Open the Emulator app you installed » goto its search bar and search "Blueprint Builder"
The search will reveal the Blueprint Builder app icon. Open, then click "Install".
Once Blueprint Builder is downloaded inside the emulator, locate/click the "All apps" icon to access a page containing all your installed applications including Blueprint Builder.
Now enjoy Blueprint Builder on PC.

Download a Compatible APK for PC

Download	Developer	Rating	Current version
Get APK for PC →	Del Sol Software	1	1.3

Download on Windows 11

For Windows 11, check if there's a native Blueprint Builder Windows app here » ». If none, follow the steps below:

To get started, Download the OpenPC software »
- Upon installation, open OpenPC app » goto "Playstore on PC" » click "Configure_Download" button. This will auto-download and install PlayStore on your computer.

To use Blueprint Builder,
- Login to the PlayStore we just installed
- Search for "Blueprint Builder" » then Click "Install".
- Blueprint Builder will now be available on your Windows start-menu.

Minimum requirements	Recommended
8GB RAM SSD Storage Processor: Intel Core i3, AMD Ryzen 3000 Architecture: x64 or ARM64	16GB RAM HDD Storage

Get Blueprint Builder on Apple macOS

Download	Developer	Reviews	Rating
Get $7.99 on Mac	Del Sol Software	0	1

Download on Android: Download Android

Top Pcmac Reviews

Such a time & hair saver!

By NoFakeNamesPlease (Pcmac user)

If you're developing any type of web site, this is a great time saver. I don't use the the app framework with my sites, but it doesn't matter. This app will allow you to export semantic CSS/HTML to use any way you want. You can quickly layout a web page framework and export the result to get a jump on the development of the internals (text/graphics/etc). With any new development, getting the framework setup and correct is the first step to creating a well designed, easy to maintain web site. This tools allows you to do just that. The Add background feature is a great tool. I took a screen shot of my current site (which I'm thinking about re-designing) and it allowed me to quickly setup the html/css framework to build within. Working without the visual cues from the background image, I can try different layout options. And when I'm done playing, I know I'll get valid HTML/CSS as my starting point. Import the output files into my favorite HTML editor (currently Espresso) and I'm off and running.
great html builder

By Artcar12 (Pcmac user)

This is exaclty what I was looking for. Lets you layout your site by div and style it later with jq ui etc… you can name the divs by id's and view/modify the source. use this in combination with div builder tool by the same developer for a full wysiwyg tool. The tool is simple(good in this case, almost no learning curve) and solid. It has a great validate feature which will correct your layout if you leave empty space in the page. 2 things that would make this even better: integration with div builder ability to resize divs(now you have to delete them and make a new one, but it's not a big drawback)
not up to snuff (yet)

By isomer1 (Pcmac user)

With work this could be a powerful tool, but as currently offered it is an early beta at best. Examples: Margins exist only on the right side of objects, margins have a minimum width of 5 pixels, the validator insists on nesting multiple objects for no apparent reason. Once a layout box is created it can not be altered, only deleted. Documentation is nonexistent. As currently offered (v1.3) this is not suitable for any but the most rudimentry of layout tasks.
Does exactly what it says

By BrainOpener (Pcmac user)

Great utility for quickly laying out a page using the app.

App Screenshots

Software Features and Description

Download and install Blueprint Builder on your computer

Download on Windows 11

Top Pcmac Reviews

Similar Developer Tools apps

More apps from the Developer