oaaededhakiabhpkicheihhoenhflkdg
AI-powered CSS and JavaScript help for Squarespace designers Savvy is an AI-powered coding assistant that helps Squarespace designers write custom CSS and JavaScript code. HOW IT WORKS 1. Open the Savvy side panel on any Squarespace page 2. Click the pointer tool and select an element 3. Describe your desired customization and attach images for reference 4. Copy the generated code to Squarespace 5. Ask Savvy to refine when needed FEATURES • Visual Element Selection: Click any element on your Squarespace page to select it • AI-Powered Code Generation: Describe your design goals and get production-ready code • Works with Custom Domains: Use Savvy on the default Squarespace domain or any connected custom domain • Fully Scoped Code: Every code suggestion is scoped to your selected element's section or block to avoid unintentional site-wide style changes • Smart Code Suggestions: Savvy uses Squarespace's native style variables, so your custom code adapts automatically when you change colors, fonts, or site styles • Save Snippets: Store your favorite code snippets for reuse across projects • Chat History: Keep track of all your conversations and solutions SQUARESPACE-SMART • Recognizes Squarespace block types • Understands Squarespace's unique CSS structure and code patterns • Uses native style variable so code adapts to theme changes • Suggests reusable code that works across sections PERFECT FOR • Squarespace designers who want to customize beyond the built-in options • Web developers looking to speed up their Squarespace workflow • DIY website owners who need help with custom styling REQUIREMENTS • A Squarespace website (works with both 7.0 and 7.1) • A Savvy account (free tier available)
Resurface
Replace editable page fields with a pop-out Monaco (VS Code) editor Upgraded code editor for Squarespace, Shopify, Showit, Wix + more! Resurface provides a slick code editing experience powered by the same engine inside Microsoft's Visual Studio Code, the most popular code editor trusted by developers everywhere
MarkUp For Chrome
Visual Feedback for Websites Easily provide and collect feedback on any live website, PDF or image from your browser with the MarkUp chrome extension. MarkUp is the leading visual commenting platform for images, PDFs and live websites. It’s the perfect companion in your creative process to make your life easier. MarkUp ALLOWS YOU TO 1. Turn any website or image into a collaboration workspace 2. Add comments anywhere on your website 3. Share with your team to collect and manage their feedback, all in one place COMMENT ANYWHERE Your whole website becomes a digital canvas ready to collect feedback. Easily navigate your website within MarkUp and add comments to any page. All of your comments are organized by page in your sidebar. Click any comment on your sidebar and MarkUp will bring you right to the page and pin location. INCLUDE SCREENSHOTS WITH COMMENTS The MarkUp Chrome Extension allows you to include automated screenshots with every comment you make, providing an audit trail and allowing your team to see exactly what you were looking at when you made a comment and provided feedback. SEAMLESS SHARING When you’re ready, copy the project invite link and share with clients, colleagues, teammates, or even your friends. When they receive their link, they can seamlessly access the project as a guest (no signup required) or create their own account, quickly reply to and resolve your comments, or create their own. MORE THAN AN EXTENSION Want to try MarkUp, but don’t want to download an extension? No problem, you can use MarkUp without an extension at markup.io.
Squarespace ID Finder
Find the ids of collections, sections, and blocks on your Squarespace page. Works with both 7.0 and 7.1. Don't waste time searching through the code with dev tools looking for an id. Click on the icon to see every id from collections, index pages, sections, and blocks on your Squarespace page. Then, you can simply click on the id to copy it and use it in your own code.
Color Buddy
Color Buddy: Your One-Stop Solution for Brand Color Management Harness the full potential of colors with the Color Buddy, the ultimate tool designed to help you create, save, and manage your brand's color palette with utmost precision and ease. Perfect for designers, entrepreneurs, and anyone eager to bring a splash of color to their brand. Dynamic Color Profiles: Create and pin your favorite color profiles, offering a seamless way to switch between different palettes instantly. Color Pairings: Pin your favorite pairings with our color pairings feature, helping ensure that you have consistent usage across all of your projects. HEX, RGB, CMYK Support: Whether you are working with web colors or for print, get exact matches with support for HEX, RGB, and CMYK color codes. Easy Palette Management: With intuitive controls like create, pin, and delete, managing your palettes has never been easier. Visual Harmony: Visualize your color schemes and pairings with a user-friendly interface designed to foster visual harmony and brand consistency. Save Time: With all your color palettes in one place, say goodbye to the constant hassle of searching for color codes. Consistency: Maintain brand consistency with ease by having your color palettes handy at all times. Inspiration: Experiment with different color combinations to find fresh and inspiring palettes for your brand. Easy to Use: With a straightforward and intuitive design, crafting the perfect color palette is a breeze even for beginners. Branding Agencies: Ideal for branding agencies looking to maintain a robust and consistent color palette for various clients. Freelance Designers: A must-have tool for freelance designers to create visually appealing and harmonious color palettes for different projects.
