The latest @pinegrow with Gemini 3 Pro is a game-changing combo for creative web design. Here is a demo reel of some of my 40+ test projects.
A quick @pinegrow tutorial on using Component styles to create color classes for Tailwind buttons.
Play with the example project: pinegrow.online/edit/matjaz/…
Task 5 was building a simple landing page from scratch from a short description of what the page should be about. Claude created the best and most consistent design, in my opinion.
1
30
Task 4 was creating a @tailwindcss CSS grid for a simple website, with emphasis on being creative. Claude did it perfectly and came up with a really creative design.
1
25
Task 3 was converting an image of a website header into @tailwindcss code. Both GPT-4o and Claude did well.
1
45
Task 2 was using project's vector database to find suitable images, in this case images of fruits. Llama had to sit this one out because it doesn't support functions. Both GPT-4o and Claude did well, with Claude being better at details such us image labels.
1
34
Task 1 was merging content into a @getbootstrap based template. GPT-4o surprised me - but not in a good way. In the past GPT-4 and GPT-4-turbo handled this much better.
1
31
Which AI model is the best for web development? @pinegrow AI Assistant now supports multiple API providers so I tested @OpenAI GPT-4o, @AnthropicAI Claude 3.5 Sonnet and @AIatMeta LLama 3 70B at five real world tasks.
Flowbite Blocks are integrated into the Library panel. Navigate the blocks library and drag components directly to the page.
Note, to access the Pro blocks you need to purchase the license directly from Flow bite and then login in the Flowbite page in the Library panel.
The built in Tailwind compiler accepts custom configuration for settings such as screen sizes. No need to use the external build process if you just need to tweak basic theme properties.
1
39
Variant / pseudo state selector now supports all Tailwind variants, including custom variants and variants that target sub-elements with selectors.
1
38
Another huge improvement - Pinegrow’s powerful CSS Grid editor now works with Tailwind! Visually define the grid and drag elements to their position and size.
1
64
Style manager is now fully editable. Click on any property to change its value, add new classes and variants. Toggle classes to instantly see the effect and reorder component styles.
Each style can contain declarations for multiple screen sizes, pseudo states and even sub-elements.
Easily create deep styles that contain complete styling for the whole component - including all its sub-elements.
1
32