CRX id
ibpddbdepndjfcccdmoogflacnflpoka
ibpddbdepndjfcccdmoogflacnflpoka
Description from extension meta
Easily mockup and design webpages with drag & drop components library, multi-page editing, LESS Css styling and Bootstrap 3 support.
Image from store
Description from store
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.
Latest reviews
- (2020-09-07) Carl Last: 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.
- (2019-03-29) The Online Editor is no longer available
- (2017-04-13) Mohammed Khan: Best Web Design tool ever!
- (2017-02-28) Jeen Hung: Powerful!!!
- (2016-11-11) Gerd: This editor once you get the hang of it (be patient give it time) will enable you to rapidly build responsive sites. It is without a doubt a fabulous editor that just keeps getting better! So many ways to cut your time in half and make you more productive. The best thing is its all source code that you can still change manually and it doesn't introduce crap into your code either.
- (2015-09-05) Thanh Nguyenkhac: good application
- (2015-08-29) John Mood: Useless to build from Chromebook, you cannot access the local fie system, or the Google Drive. No module apparently exists to read files from local media or Google drive. WHY BOTHER TO Publish a half-way app for Chromebooks?
- (2015-08-07) Zho Zong: I love Pinegrow
- (2015-06-15) Mã Khánh Xuyên: gooooooddddd
- (2015-05-05) Really cool wysiwyg editor for designing responsive bootstrap websites!
- (2015-04-01) Yosafat Kakomba: Can wait to try this app, it looks great and promising...
- (2015-03-25) Czarek L (Charlie): Good work, carry on please!
- (2015-02-04) Q Think: Nice Tools
- (2014-11-10) Bryan Heckler: Makes manually coding archaic.
- (2014-07-18) Daniel Neviyus: Wonderful way to quickly create good looking mock ups. Both free and paid versions are brilliant. I highly recommend getting this app if you have trouble designing websites.
- (2014-07-09) Very nice tool for quick and easy website building, has the option to edit the code easily.
- (2014-05-29) Sebastian Bjerg: Looks very promising
- (2014-03-10) Jerzy Głowacki: Very promising web design tool made in HTML5.