Pinegrow Web Designer
Item logo image for Pinegrow Web Designer

Pinegrow Web Designer

pinegrow.com
3.9(

56 ratings

)
Developer Tools10,000 users
Item media 5 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

Easily mockup and design webpages with drag & drop components library, multi-page editing, LESS Css styling and Bootstrap 3 support.

Pinegrow Web Designer lets you easily build and design webpages. It is available as a web app and as standalone desktop app. Pinegrow works together with your existing tools and saves you tons of time with building responsive layouts. EDIT MULTIPLE PAGES AT THE SAME TIME Multi-page editing lets you open multiple pages (or multiple views of the same page) at different screen sizes. All changes you do, either in Html or Css are updated in real-time to all open pages. STYLE PAGE WITH CSS + LESS Customise page design with Css rules. Use Less variables, functions and expressions to create easily customisable templates. Change values through UI or write the code. STYLESHEET MANAGER Play around with Css & Less variations. Attach, detach, duplicate and reorder stylesheets. Works great together with multipage editing. BOOTSTRAP 3 SUPPORT Complete support for CSS and Components sections of Bootstrap specification. Drag & Drop elements, control them through UI properties, context menus and sortable DOM tree. WORKS ON NON-BOOTSTRAP FILES AS WELL Multipage editing, drag & drop elements, code editing and Less & Css styling work on any Html page, even on a non-Bootstrap page openned from the internet. EDIT CODE Pinegrow doesn’t force you to edit pages through GUI. Edit full Html and Less/css code, or easily edit code of individual Html elements and Css rules. All with live preview. Or use your favorite code editor. SMART HTML TRANSFORMATION Need to change form layout from inline to horizontal? Make Jumbotron span the full width? Just change a property and Pinegrow will rearrange the html code accordingly. OPEN ANY HTML FILE Pinegrow desktop app works on any html file; without limiting you only to projects created with Pinegrow. It fits in your workflow right where you want it and plays nicely with your other tools and source control. UNDO & REDO Something unintended happened? Undo is your best friend. 20 levels of complete Html & Style snapshots per page. USE PINEGROW TO: - Mockup a page Use element library to quickly put together a page mockup. Duplicate the page and play with different layout variations. - Style a page Turn a mockup into a finished webpage by styling elements with Css rules. Use Less variables and expressions to create designs that can be easily customized. - Check different screen sizes Open a page from local file or remote url, duplicate it and set different device sizes. Edit layout and Css and observe how it handles different device sizes. - Experiment with Css versions Take a page, open the Stylesheet manager and duplicate its stylesheet. Attach / detach it to the original page or its duplicates. Play with styles and Less variables. - 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. - Play around with websites Open pages from the internet, change their layouts, customize styling and extract useful components (if allowed by the author). - Create a form Need a Bootstrap form or navbar? Design it in Pinegrow, change its layout with a single click. Select the form, click on Actions / Edit code and copy the html. - Build a website And of course, you can use Pinegrow to build a complete website. - Use Pinegrow when it makes sense Use Pinegrow together with your existing tools. For example, do layout changes in Pinegrow and edit script sections of the page in a code editor.

3.9 out of 556 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Carl LastSep 7, 2020

Now even more useless. The online editor is no longer available so all this app does it link you to a nonexistent page. I'd say that's pretty useless.

2 out of 2 found this helpful
Review's profile picture

A Chrome Web Store userMar 28, 2019

The Online Editor is no longer available

Review's profile picture

Mohammed KhanApr 13, 2017

Best Web Design tool ever!

1 person found this review to be unhelpful

Details

  • Version
    1.0.5
  • Updated
    January 24, 2014
  • Size
    8.24KiB
  • Languages
    English
  • Developer
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

SEOquake

4.6(2.5K)

SEOquake is a free plugin that provides you with key SEO metrics, along with other useful tools such as SEO Audit and many others

Tag Assistant Companion

2.8(138)

The Tag Assistant Companion extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

Clear Cache

4.5(1.1K)

Clear your cache and browsing data with a single click of a button.

Selenium IDE

3.4(268)

Selenium Record and Playback tool for ease of getting acquainted with Selenium WebDriver.

GoFullPage - Full Page Screen Capture

4.9(74.1K)

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!

ColorZilla

4.6(3.4K)

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

JSON Formatter

4.6(1.8K)

Makes JSON easy to read. Open source.

User-Agent Switcher for Chrome

3.9(2.6K)

Spoofs & Mimics User-Agent strings.

Proxy SwitchyOmega

4.6(3.8K)

Manage and switch between multiple proxies quickly & easily.

Redux DevTools

4.6(704)

Redux DevTools for debugging application's state changes.

Lighthouse

4.4(303)

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Similarweb - Traffic Rank & Website Analysis

4.6(2.9K)

Instant website analysis, including site rank, site traffic, sources and geography.

SEOquake

4.6(2.5K)

SEOquake is a free plugin that provides you with key SEO metrics, along with other useful tools such as SEO Audit and many others

Tag Assistant Companion

2.8(138)

The Tag Assistant Companion extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

Clear Cache

4.5(1.1K)

Clear your cache and browsing data with a single click of a button.

Selenium IDE

3.4(268)

Selenium Record and Playback tool for ease of getting acquainted with Selenium WebDriver.

GoFullPage - Full Page Screen Capture

4.9(74.1K)

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!

ColorZilla

4.6(3.4K)

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

JSON Formatter

4.6(1.8K)

Makes JSON easy to read. Open source.

User-Agent Switcher for Chrome

3.9(2.6K)

Spoofs & Mimics User-Agent strings.

Google apps