Pinegrow 可視化的Bootstrap開發工具 thumb

Pinegrow 可視化的Bootstrap開發工具

Pinegrow Web Editor這套視覺化的RWD開發工具,透過Pinegrow Web Editor不但可快速的設計出RWD的網頁外,同時支援的模組也相當的多,像是大家所熟悉的Bootstrap、960、Foundation、AngularJS甚至就連Wordpress也可透過Pinegrow來完成

分類: 元件開發軟體

Build websites faster with Pinegrow 4

a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and smart components for Bootstrap, Foundation and WordPress.


Features

Are you working with HTML pages, WordPress themes, Bootstrap or Foundation? See why you should have Pinegrow in your toolbelt:


Speed up building HTML with visual power tools

Quickly build the layout of your webpage with powerful visual tools for adding, editing, moving, cloning and deleting HTML elements. Insert multiple elements with repeater and modify the layout of all selected elements with one move.

Video is loading...

Style with CSS, SASS and LESS - Live!

Inspect active CSS rules, use rich visual controls, CSS Grid editor, Dev tools-like editor or code - all working together as one. Edit SASS and LESS, live, without any external tools. 

Video is loading...

The perfect tool for working with Bootstrap & Foundation

Turn hundreds of framework classes into powerful visual controls. Use the complete library of ready-to-use components and work with dynamic components like modals. Resize columns on the page and visualize the layout with display helpers.

Video is loading...

Edit & test your page on all device sizes at once

Use multi-page editing to edit your pages at multiple device sizes. Easily design responsive websites with Media query helper tool. Add custom breakpoints or let Pinegrow detect them by analyzing stylesheets.

Video is loading...
PINEGROW PRO

Components, master pages, projects, CMS mode...

Pinegrow Pro lets you speed up your work even more with smart features such as master pages that let you define templates for your project. Turn page elements into reusable components with custom editable areas. Use Pinegrow as CMS for static HTML websites.

Video is loading...
PINEGROW PRO WITH WORDPRESS

Create production-ready WordPress themes visually & fast

Pinegrow is also the perfect tool for creating production-ready WordPress themes. Take any HTML page and turn it into a WordPress theme by assigning WordPress functions to individual elements on the page. Pinegrow exports the standard PHP WordPress files.

Video is loading...

And that's not all... 

Sync Pinegrow with Atom, edit server side tags, use ready-made Blocks, open pages from the web and more.

Video is loading...

Use Pinegrow to:

Build websites

Create websites from scratch or edit your existing projects. Pinegrow has everything you need to build websites: HTML editing tools, styling, framework tools, component libraries and more.

Quickly mockup a page

Use element library to quickly put together a page mockup. Duplicate the page and play with different layout variations.

Use CSS variables and functions

Use variables instead and other SASS and LESS goodies. Use math expressions and functions like lighten and darken to create designs that can be customised by changing just a couple of variables - all in real time.

Style a page

Why stop at mockup? Just go ahead and turn it into a custom designed webpage by styling elements with CSS rules. Edit rules through the Visual editor or write the code directly.

Make your page responsive

Open multiple pages that share the same stylesheet. Style changes are reflected on all pages in real time. View them at different screen sizes.

Edit content of a page

Use Pinegrow as a CMS for your static Html pages. Move elements around and double click on any element to edit its text content.

Try templates online

Just open a template demo from the internet and start customizing it with your images and content. Immediately see if the template works for you or not.

Need a quick code snippet?

Need a Bootstrap form or a navbar? Design it in Pinegrow, change its layout with a single click. Select the form and copy the HTML code.

Collaborate with others

Use standard source control tools like Git to manage your code and to collaborate on projects with your team members.