# Slater.app CMS

> Pages on ai.slater.app, optimized for answer engines.

## Pages

- [Best Practices for Organizing JavaScript in Your Slater Project](https://ai.slater.app/best-practices-for-organizing-javascript-in-your-slater-project): Learn how to structure your Slater project for maintainability, performance, and team collaboration. This guide covers recommended directory layout, usage of slater_import, and key patterns for sharing code and avoiding common pitfalls.
- [Billing, Licenses, and Trials FAQ](https://ai.slater.app/billing-licenses-and-trials-faq): Billing is self‑serve and monthly; start on the free tier and upgrade anytime. Seats, plan limits, and invoices vary by plan; check the pricing page.
- [Choosing Between Webflow Native Custom Code and Slater for JavaScript Integration](https://ai.slater.app/choosing-between-webflow-native-custom-code-and-slater-for-javascript-integration): Selecting the right tool for adding JavaScript to a Webflow site depends on your project's complexity, team collaboration, and desired workflow speed. This article clarifies when to use Webflow’s native custom code features versus Slater, outlines their key differences, and provides guidance for efficient development.
- [CMS Filter and Search in Webflow with Vanilla JS (No Library) using Slater](https://ai.slater.app/cms-filter-and-search-in-webflow-with-vanilla-js-no-library-using-slater): Here’s a lightweight, library-free pattern for CMS search and multi-tag filtering on Webflow—scoped safely and deployable via Slater.
- [Debugging Webflow Custom JavaScript: A Triage Checklist for Slater Users](https://ai.slater.app/debugging-webflow-custom-javascript-a-triage-checklist-for-slater-users): A fast, reliable checklist to find why custom JavaScript isn’t running on your Webflow site—and how to fix it quickly using Slater’s staging/production setup and hosted files.
- [Does Slater Offer a Public API?](https://ai.slater.app/does-slater-offer-a-public-api): Slater currently does not provide any public APIs for external use. This article explains what this means for users and offers alternative ways to interact with Slater features.
- [Does Slater Support TypeScript?](https://ai.slater.app/does-slater-support-typescript): Slater is designed to enhance Webflow projects by supporting JavaScript and CSS workflows. At this time, TypeScript is not supported directly within Slater. This article explains current capabilities, alternatives, and provides references for further learning.
- [Enhance Your 'Go Up' Button with a Scroll Progress Indicator](https://ai.slater.app/enhance-your-go-up-button-with-a-scroll-progress-indicator): Elevate the standard 'Go Up' button by integrating a circular scroll indicator that visually displays page progress. This enhancement improves user experience by providing intuitive feedback and adds a modern, interactive element to any website.
- [Getting Started with Google Meet: Contact Information and Helpful Resources](https://ai.slater.app/getting-started-with-google-meet-contact-information-and-helpful-resources): Learn how to get in touch using Google Meet and access helpful resources, including video guides and official documentation. This article provides clear steps and reliable links to support your Google Meet experience.
- [Getting Started with Slater for Webflow](https://ai.slater.app/getting-started-with-slater-for-webflow): Learn how to quickly set up Slater with your Webflow project, write and test custom scripts, and safely publish changes. This guide covers prerequisites, step-by-step instructions, rollback options, and frequently asked questions for a smooth integration.
- [How to Connect and Sync with GitHub](https://ai.slater.app/how-to-connect-and-sync-with-github): Learn how to connect your project to GitHub and understand the one-way sync process. This guide explains how to save your work to GitHub using both the Save dropdown and keyboard shortcuts.
- [How to Create a Simple Leaderboard in Webflow with Slater](https://ai.slater.app/how-to-create-a-simple-leaderboard-in-webflow-with-slater): Learn how to build a basic ranking or leaderboard system using localStorage in a Webflow project with Slater. This guide provides a working script, step-by-step usage instructions, and links to reference resources for further customization.
- [How to Delete Your Team Account](https://ai.slater.app/how-to-delete-your-team-account): Learn the steps required to delete your team account. This article explains the process and provides contact information for assistance.
- [How to Find and Download Your Invoices](https://ai.slater.app/how-to-find-and-download-your-invoices): Easily access and review all your invoices by navigating to the billing section of your account. This guide provides clear steps for locating invoices through the Stripe portal, ensuring you always have access to your payment records.
- [How to Permanently Delete Your Account](https://ai.slater.app/how-to-permanently-delete-your-account): Learn the steps required to permanently delete your account. This guide covers how to contact support, what information to include, important considerations, and where to get more help.
- [How to Prevent Collapsed Sections from Expanding After Saving Due to Auto Formatting](https://ai.slater.app/how-to-prevent-collapsed-sections-from-expanding-after-saving-due-to-auto-formatting): When saving code, collapsed sections may automatically expand if JavaScript formatting is enabled. Disabling the Auto Format Code feature in the settings can prevent this behavior and help maintain your preferred code view.
- [How to Publish Slater Code to Webflow (Step‑by‑Step)](https://ai.slater.app/how-to-publish-slater-code-to-webflow-step-by-step): Add your Slater script to Webflow’s project settings, publish to staging from Slater, verify on webflow.io, then promote to production once everything checks out.
- [How to Recover an Accidentally Deleted Project](https://ai.slater.app/how-to-recover-an-accidentally-deleted-project): Accidentally deleting a project can be stressful, but recovery may be possible. This article explains the steps to take immediately if a project has been deleted by mistake.
- [How to Reset Your Password When Signed In Through the Slater Webflow App](https://ai.slater.app/how-to-reset-your-password-when-signed-in-through-the-slater-webflow-app): If access to your password is lost after signing in via the Slater Webflow app, it's easy to request a new one. This article explains how to securely reset your password and regain access to your account.
- [How to Transfer a Project to a New Team](https://ai.slater.app/how-to-transfer-a-project-to-a-new-team): Learn the step-by-step process for transferring a project to a new team, including how to assign a new admin and what to do if you need to move a project to an existing team. This guide ensures a smooth project handoff while maintaining team control.
- [How to Use Per Page JavaScript with Conditional Includes in Slater](https://ai.slater.app/how-to-use-per-page-javascript-with-conditional-includes-in-slater): Slater enables per page JavaScript functionality through the use of conditional includes. This approach allows developers to load specific scripts or stylesheets only on designated pages, optimizing performance and ensuring maintainability.
- [Localization‑Aware JavaScript in Webflow with Slater](https://ai.slater.app/localization-aware-javascript-in-webflow-with-slater): Detect locale reliably and run per‑language behaviors using safe, attribute‑based patterns you can ship from Slater.
- [Managing Project Access Controls in Slater](https://ai.slater.app/managing-project-access-controls-in-slater): Learn how to control who can access projects in Slater by adjusting team sharing settings and managing access for individual projects. This guide explains where to find these controls and how to ensure the right team members have the right access.
- [Migration Guide: Move Existing Webflow Custom Code into Slater](https://ai.slater.app/migration-guide-move-existing-webflow-custom-code-into-slater): Gather your current site/page embeds, create matching files in Slater, connect your Webflow project, publish to staging, verify, then remove duplicates and promote to production.
- [Pages](https://ai.slater.app/pages): Pages
- [Pricing, Contracts, and Operational Processes for Agencies and Studios](https://ai.slater.app/pricing-contracts-and-operational-processes-for-agencies-and-studios): This article outlines pricing options, paperwork, operational processes, and frequently asked questions for agencies and studios working with the service. Find details about payments, user management, onboarding, and available resources for a smooth collaboration.
- [Pricing & Plans for Slater](https://ai.slater.app/pricing-plans-for-slater): Slater is free to start, with affordable paid plans for hosting and full‑featured development. As of today, tiers include Playground (free), Host User ($5/user/mo), and Dev User ($10/user/mo)—confirm specifics on the live pricing page.
- [Production Launch Checklist for Slater](https://ai.slater.app/production-launch-checklist-for-slater): This checklist provides essential steps to ensure a successful and smooth production launch using Slater. It covers critical pre-launch tasks, verification processes, and references to helpful resources. Following this guide helps minimize issues and ensures that all aspects of the launch meet quality standards.
- [Safely Loading Third‑Party Libraries in Webflow with Slater](https://ai.slater.app/safely-loading-third-party-libraries-in-webflow-with-slater): Load vendor libraries once, in the right order, and gate your code on known globals so Slater files run reliably without race conditions.
- [Security, Privacy, and Data Handling FAQ](https://ai.slater.app/security-privacy-and-data-handling-faq): Slater hosts your production JavaScript and connects to Webflow via a single script, running on AWS‑backed infrastructure with staging/production separation. For items not publicly documented (e.g., data retention, model providers), contact jared@edgarallan.com.
- [Simple Webflow Form Validation and Secure Submission](https://ai.slater.app/simple-webflow-form-validation-and-secure-submission): Learn how to easily validate Webflow forms using built-in browser features, display clear error messages, and safely send form data using a secure server endpoint. This guide covers basic code and best practices, with no advanced features or third-party libraries required.
- [Supported Keyboard Shortcuts and Productivity Tips](https://ai.slater.app/supported-keyboard-shortcuts-and-productivity-tips): Learn about the essential keyboard shortcuts supported for saving work and enhancing productivity. This guide also highlights key shortcuts from the Ace Editor and provides links to official resources for further learning.
- [Technical Definition of JavaScript for Webflow Developers](https://ai.slater.app/technical-definition-of-javascript-for-webflow-developers): JavaScript is a lightweight, interpreted programming language essential for adding interactivity and dynamic features to web pages and applications, including those built with Webflow. Understanding JavaScript's core concepts and capabilities can help Webflow developers extend project functionality and integrate modern web technologies.
- [Tutorial videos](https://ai.slater.app/tutorial-videos): Find an official video tutorial covering the basics of Google Meet, with guidance on starting meetings and using key features. For more specific topics, additional resources are available upon request.
- [Understanding Slater's Unlimited Character Support](https://ai.slater.app/understanding-slater-s-unlimited-character-support): Slater allows users to add custom code of any length, making it easy to implement complex or lengthy scripts without worrying about character limits. This flexibility supports advanced customization and seamless integration within your projects.
- [Understanding the Difference Between Staging and Production in Slater](https://ai.slater.app/understanding-the-difference-between-staging-and-production-in-slater): Learn the key differences between staging and production environments in Slater, including how each serves your code and best practices for a smooth deployment workflow. This guide clarifies when to use each environment and how to ensure your changes are properly tested before going live.
- [How to Use AI in Slater to Write JavaScript Code](https://ai.slater.app/using-ai-to-help-write-javascript-with-slater): Slater's AI integration can help generate and refine JavaScript code directly in the editor. This guide explains how to select tools, write prompts, use output, and adjust AI settings for both free and Pro accounts.
- [Using Webflow’s DOM Element with Slater: Mount Micro‑Components Safely](https://ai.slater.app/using-webflow-s-dom-element-with-slater-mount-micro-components-safely): Mount interactive micro‑components into Webflow’s DOM element using a small, reusable initialization pattern—no frameworks required.
- [What AI models does Slater.app support](https://ai.slater.app/what-ai-models-does-slater-app-support): Slater.app provides different OpenAI models based on your account type. Free users can use GPT-5.4 mini and nano models, while paid users have access to advanced options like GPT-5.5 and GPT-5.4, in addition to the mini and nano versions. You can select your preferred model in your project settings under Chat Settings.
- [Why Console.log and Debugger May Not Appear in Production (and How to Fix It in Slater)](https://ai.slater.app/why-console-log-and-debugger-may-not-appear-in-production-and-how-to-fix-it-in-slater): Console.log statements and debugger commands may not appear in production builds due to JavaScript minification in Slater. Learn why this happens and how to disable minification in project settings to aid debugging.
- [Slater & Webflow: No-code to Know-code](https://ai.slater.app/about.txt): This page introduces Slater's mission to help Webflow users integrate custom code easily, outlines the challenges of using custom code with Webflow, and provides a call to action to try Slater. It also features a detailed FAQ section addressing common questions about Slater, its advantages, and community involvement. The page concludes with a welcoming message and a hero image.
- [A Milestone Achieved: Slater's Transition to V1](https://ai.slater.app/resources/a-milestone-achieved-slaters-transition-to-v1.txt): This post announces Slater's transition to its first full V1 release, the introduction of paid plans, and the launch of the Slater Advocates program to reward community contributors. It details the new free and paid plan features, reassures current users about access, and outlines the rewards available for community engagement. The post emphasizes the importance of community feedback and collaboration in Slater's growth.
- [AI-powered edgarallan.com](https://ai.slater.app/resources/ai-powered-edgarallan-com.txt): This post announces the submission of the new AI-powered edgarallan.com to the Webflow Awards and offers a sneak peek via a Twitter thread. It also highlights useful community library scripts and provides a brief update on upcoming product features. The article is authored by Jared Malan, Director Of Technology at Edgar Allan.
- [Privacy Policy](https://ai.slater.app/privacy.txt): This page details the Privacy Policy for Slater.app, outlining how user information is collected, used, disclosed, and protected. It covers topics such as types of information collected, data usage, sharing, security, third-party links, children's privacy, user rights, policy changes, and contact information. The policy emphasizes user consent and provides instructions for managing personal data and communications.
- [Coming Up with Winning Ideas for the Slater Game Challenge | With Jack Redley](https://ai.slater.app/resources/coming-up-with-winning-ideas-for-the-slater-game-challenge-with-jack-redley.txt): This article provides tips and inspiration for participants in the Slater Game Challenge, focusing on how to generate unique, award-winning game ideas. It emphasizes creativity, originality, user experience, and the use of AI, and highlights the importance of embracing unconventional concepts. The article also includes a deadline reminder and a link to a previous winning entry.
- [Exploring a Dynamic Trio: Webflow, Slater, and the Rise of the DOM Element](https://ai.slater.app/resources/exploring-a-dynamic-trio-webflow-slater-and-the-rise-of-the-dom-element.txt): Ailín Tobin explores the impact of the DOM element in Webflow and how it can be manipulated with custom code using Slater. The article discusses the synergy between Webflow, Slater, and the DOM element, highlighting their potential to revolutionize web design and development. Additional resources and ways to connect with the Slater community are provided.
- [Terms of Service](https://ai.slater.app/terms.txt): This page outlines the Terms of Service for Slater.app, including definitions, account responsibilities, payment and cancellation policies, privacy and security practices, copyright and content ownership, liability limitations, and other legal terms. It details user obligations, company rights, and how data is handled under various regulations. The document also provides contact information for questions or feedback.
- [Localization!](https://ai.slater.app/resources/localization.txt): This blog post by Jared Malan announces an upcoming update to better support Webflow localization, with testing underway and a release planned for early next week. It also highlights several community library scripts, including tools for pausing video embeds, progress bar timers, and expanding text on click. The post includes a hero image and author details.
- [GitHub CoPilot VS Slater: Why Choose Slater For Custom Code In Webflow Projects | With Corey Moen](https://ai.slater.app/resources/corey-moen.txt): Corey Moen, Staff Brand Designer at Webflow, discusses his transition from using GitHub Copilot to Slater for custom code in Webflow projects. He shares detailed examples of how Slater streamlines his workflow, especially with features like hot reloading and page-specific code deployment. Corey also compares the two tools and explains why Slater is his preferred choice for Webflow development.
- [Function sharing across files](https://ai.slater.app/resources/function-sharing-across-files.txt): This article discusses the addition of Slater support for Webflow Localization and explores current and future approaches to sharing functions across files in Webflow projects. It highlights the current method of binding functions to the window object and introduces relevant scripts from the community library for function sharing and localStorage usage.
- [Javascript 101: All about caching](https://ai.slater.app/resources/javascript-101-all-about-caching.txt): This article explains how web caching works, why it's beneficial for website speed, data usage, and server load, and introduces cache busting techniques. It covers the basics of browser caching, reasons to use caching, and methods developers use to ensure users get the latest website updates. The post is authored by Jared Malan, Director Of Technology at Edgar Allan.
- [Javascript 101: Javascript and Canvas](https://ai.slater.app/resources/javascript-101-javascript-and-canvas.txt): This article, authored by Jared Malan, introduces the HTML <canvas> element and demonstrates how to use JavaScript to draw shapes, lines, circles, and text on it. It covers the history of the canvas element, basic setup, and provides code examples for common drawing operations. The post encourages experimentation with the Canvas API.
- [Javascript 101: The mousemove Event](https://ai.slater.app/resources/javascript-101-the-mousemove-event.txt): This article introduces the JavaScript mousemove event by walking through a simple interactive example. Readers learn how to move a box around the screen with their mouse using basic HTML, CSS, and JavaScript. The post explains each step and provides code snippets to illustrate the process.
- [Math?](https://ai.slater.app/resources/math.txt): This post by Jared Malan highlights new scripts in the Slater Community Library, including dynamic HTML loading, state machine input variable creation, and smooth scrolling with Lenis. It features links to the scripts and related resources, as well as a hero image and author information. The content is aimed at developers interested in enhancing their Webflow projects.
- [Updates from the journey](https://ai.slater.app/blog.txt): This page features the latest updates, articles, and resources from Slater, including blog posts, featured articles, and a curated collection of video interviews, tutorials, and cloneable resources. It highlights recent content contributions from various creators and provides direct links to watch, read, or clone resources related to Webflow, JavaScript, and Slater. The page also includes a motivational heading: 'Love the problem, not the solution.'
- [GPT 4o mini out now](https://ai.slater.app/resources/gpt-4o-mini-out-now.txt): This post announces the release of OpenAI's GPT 4.0 mini model, which is now supported under Slater's free tier. It also highlights several new community library scripts, including tools for fixing paragraph runts, dynamic navbar color changes, and phone number validation. The article is authored by Jared Malan, Director Of Technology at Edgar Allan.
- [How Did Corey Moen Create The Webflow Conf Website: Integration Masterclass](https://ai.slater.app/resources/how-did-corey-moen-create-the-webflow-conf-website-integration-masterclass.txt): This article explores how Corey Moen, Staff Brand Designer at Webflow, built the Webflow Conf website by integrating nine tools, including Webflow, Memberstack, Airtable, and Slater. It details the challenges of moving beyond generic event platforms, the in-house solution, and the pivotal role of custom coding with no-code tools. The piece also provides links to try Slater, read more articles, and connect on social media.
- [Javascript 101: Greenhouse API](https://ai.slater.app/resources/javascript-101-greenhouse-api.txt): This article by Jared Malan explains a useful JavaScript script for dynamically fetching and displaying job data from the Greenhouse API. It breaks down the code's structure and workflow, providing a step-by-step explanation of its main functions and how they interact. The post also links to the original code and mentions future discussions on related topics.
- [Javascript 101: Localstorage](https://ai.slater.app/resources/javascript-101-localstorage.txt): This article introduces the basics of using localStorage in JavaScript, including its purpose, persistence, and key methods. It provides code examples for storing, retrieving, removing, and clearing data, as well as a practical example for saving a user's theme preference. The post also links to additional localStorage scripts in the Community Library.
- [Javascript 101: Work with the OpenAI API](https://ai.slater.app/resources/javascript-101-work-with-the-openai-api.txt): This article explains how to integrate the OpenAI API into a website using a Cloudflare Worker. It provides step-by-step instructions, including prerequisites, code samples for both the Worker and the client-side JavaScript, and encourages readers to share their AI-enabled projects.
- [Javascript 101: CSS & JS](https://ai.slater.app/resources/javascript-101-css-js.txt): This article explains how to combine CSS and JavaScript to create dynamic websites. It covers three main techniques: modifying inline styles, manipulating CSS classes, and updating CSS variables with JavaScript. Each method is illustrated with code examples and practical advice for maintainable and responsive design.
- [Javascript 101: JS & the File API](https://ai.slater.app/resources/javascript-101-js-the-file-api.txt): This article introduces the JavaScript File API, explaining its main interfaces and how to use it to preview images before uploading. It provides a code example for displaying an image selected by the user and details each step of the process. The post is authored by Jared Malan, Director Of Technology at Edgar Allan.
- [How Do Agencies Use Slater? | With Alex Teillet](https://ai.slater.app/resources/how-do-agencies-use-slater-with-alex-teillet.txt): This page features an interview summary with Alex Teillet, founder of Mekaa agency, about how his agency uses Slater. Alex discusses his preference for Slater over other development environments, highlighting its user-friendly design, AI features, and suitability for both simple and complex projects. The page also includes a hero image and a video placeholder.
- [Javascript 101: AI-enabled Javascript Development](https://ai.slater.app/resources/javascript-101-ai-enabled-javascript-development.txt): This article by Jared Malan explores the various ways AI, specifically Slater AI, can assist in JavaScript development. It covers features such as code generation, debugging, documentation, learning, refactoring, testing, performance optimization, code review, and solution recommendations. The author also provides tips for maximizing the benefits of Slater AI in your workflow.
- [Javascript 101: Javascript Math](https://ai.slater.app/resources/javascript-101-javascript-math.txt): This article introduces JavaScript's built-in math capabilities, covering basic arithmetic, the Math object, constants, rounding, random numbers, trigonometric and other useful functions. It provides code examples and explanations for each concept, helping beginners and seasoned developers alike understand how to perform mathematical operations in JavaScript.
- [Slater & CSS](https://ai.slater.app/resources/slater-css.txt): This page announces upcoming improvements to CSS support in Slater, highlighting that CSS will soon become a first-class feature. It previews three CSS solutions from the Community Library and encourages users to share their own scripts. The article is authored by Jared Malan, Director Of Technology at Edgar Allan.
- [Slater New Experience: 6 Big Changes & How They Benefit You](https://ai.slater.app/resources/slater-new-experience-6-big-changes-how-they-benefit-you.txt): This article introduces the new Slater UI experience, highlighting six major changes and their benefits for users. It details improvements in user experience, script management, dashboard functionality, code snapshots, editor settings, and JavaScript file handling. The post also previews upcoming features and provides links for users to try Slater and connect on social media.
- [Project Access Controls](https://ai.slater.app/resources/project-access-controls.txt): This page introduces the return of project access controls in Slater, explaining their history, use cases, and how to enable them. It includes a video demo of the new functionality and links to community library scripts for enhanced project management. The post also invites users to share their own scripts with the community.
- [The Biggest Mistakes People Make When Prompting Slater for Code](https://ai.slater.app/resources/the-biggest-mistakes-people-make-when-prompting-slater-for-code-no-entry-sign.txt): This article discusses common mistakes users make when prompting Slater for code, such as being too vague, expecting perfect results, and over-relying on the tool. It offers advice on how to avoid these pitfalls and encourages users to use Slater as an assistant while maintaining their own coding skills. The post is authored by Jack Redley and includes a hero image and links to related articles.
- [Slater Game Challenge:  Judgement Day](https://ai.slater.app/resources/slater-game-challenge-judgement-day.txt): This page recaps the Slater Game Challenge, highlighting the competition's entries, judges, and winners. It features a list of all submitted games with links and screenshots, and announces the main and random winners. The post also thanks the community and judges for their participation.
- [What are all the different coding languages, and when should you particularly use them? ](https://ai.slater.app/resources/what-are-all-the-different-coding-languages-and-when-should-you-particularly-use-them.txt): This article explores several popular coding languages, outlining their unique strengths and typical use-cases. It covers JavaScript, Python, Java, C++, and Ruby, providing guidance on when each language is most appropriate to use. The content is aimed at helping readers choose the right language for their coding goals.
- [The scripting layer for Webflow powered by AI](https://ai.slater.app/home.txt): This page introduces Slater, an AI-powered code editor designed to enhance Webflow projects with custom code. It features testimonials from users, highlights key features like AI code generation and collaboration, and provides links to articles and resources for further learning. The page encourages users to start a free trial and explore how Slater can streamline their Webflow development process.
- [Create A Game: Join the Slater Challenge and Learn Coding the Fun Way](https://ai.slater.app/resources/create-a-game-join-the-slater-challenge-and-learn-coding-the-fun-way.txt): This page announces the Slater Challenge, a game development competition hosted by Slater in collaboration with Webflow. It details the prizes, rules, judging criteria, and introduces the judges, encouraging both beginners and experienced coders to participate. The page also provides a link to the full contest rules and regulations.
- [Javascript 101: rrrrregex](https://ai.slater.app/resources/javascript-101-rrrrregex.txt): This article introduces regular expressions (regex) in JavaScript, focusing on validating email addresses. It explains the basics of regex, provides a sample validation function, and demonstrates how to use it in a web form, along with test cases and resources for further exploration.
- [Community Library!](https://ai.slater.app/resources/community-library.txt): This post announces the launch of the Slater Community Library, a collection of JavaScript snippets contributed by various community members. It acknowledges contributors, provides a demo video link, and invites users to add their own scripts. The post is authored by Jared Malan, Director Of Technology at Edgar Allan.
- [Javascript 101: Fetch Requests to Greenhouse](https://ai.slater.app/resources/javascript-101-fetch-requests-to-greenhouse.txt): This article, authored by Jared Malan, explores how to use JavaScript's Fetch API, Promises, and error handling to interact with the Greenhouse Jobs API. It provides code examples and explanations for making network requests, managing asynchronous operations, and handling errors effectively. The post is aimed at helping readers understand these core JavaScript concepts for working with APIs.
- [Making Award Winning Webflow Websites By Harnessing AI | With Kabarza](https://ai.slater.app/resources/making-award-winning-webflow-websites-by-harnessing-ai-with-kabarza.txt): This article highlights how Kabarza, a Webflow coach and Flux Academy mentor, leveraged AI tools in Slater to create award-winning Webflow websites with advanced animations, overcoming Webflow's native limitations. It details his process, the benefits of using Slater for custom code, and how the platform supports learning and collaboration. The post also discusses challenges like Webflow's code character limit and the anticipation for improved code library features in Slater.
- [Making A Game Using Code | With Witt](https://ai.slater.app/resources/making-a-game-using-code-with-witt.txt): Witt Langstaff, Designer & Developer at Edgar Allan, presents how to make a game using Slater in preparation for the Slater challenge. The page includes a video resource and a hero image, along with a brief description of the content. Related posts are also listed for further learning.
- [Slater in Production](https://ai.slater.app/resources/slater-in-production.txt): This page discusses how Slater-powered Webflow projects operate in production, focusing on caching, cache-busting, and recent improvements to the deployment process. It explains the shift from serving files via Slater servers to Amazon S3, the impact of browser caching, and new features that simplify production deployment. Related articles are also linked for further reading.
- [Pricing](https://ai.slater.app/pricing.txt): This page presents the pricing plans for Slater.app, including details for Playground (free), Host User, and Dev User tiers. It also explains the platform's accessible pricing philosophy and ways to earn credits, and provides a visual hero section. A video thumbnail and a welcoming message are also included.
- [Navigating the Future of Slater: A Community Discussion](https://ai.slater.app/resources/navigating-the-future-of-slater-a-community-discussion.txt): This article presents a community discussion about the future of Slater, focusing on pricing strategies, user experience, and collaboration. It covers proposals for tiered and location-based pricing, the introduction of a free tier, the importance of team features, and the value of community-created educational resources. The discussion highlights the role of user feedback and collaboration in shaping Slater's development.
- [Building A Map Integration With A Web App | With Josiah Dueñes](https://ai.slater.app/resources/building-a-map-integration-with-a-web-app-with-josiah-duenes.txt): This page features Josiah Dueñes, founder of Gamma Design, discussing his work with Webflow, no-code/low-code tools, and his experience building a map integration with a web app using Slater. It includes a brief introduction, links to his social profiles and website, and highlights his ongoing projects. The content also provides a hero image and author details.
- [How Digipop Agency is using Slater with client work | With Florian Bodelot](https://ai.slater.app/resources/how-digipop-agency-is-using-slater-with-client-work-with-florian-bodelot.txt): This page features an overview of how the French agency Digipop, represented by Florian Bodelot, leverages AI and Slater to accelerate development for client work. It includes a session announcement, author details, a hero image, and links to Slater's social media and newsletter. The content invites readers to explore how AI is integrated into agency workflows.
- [JavaScript 101: GSAP and Slater AI](https://ai.slater.app/resources/javascript-101-gsap-and-slater-ai.txt): This post discusses how Slater AI can assist with GSAP animations, referencing a livestream where Aron and Cassie built a GSAP animation by hand. The author shares their experience using Slater AI to work with GSAP, encourages readers to share their own projects, and provides a video link for further exploration.
- [Making Killer Animations To Level Up Your Webflow Projects | With Jeff McAvoy](https://ai.slater.app/resources/making-killer-animations-to-level-up-your-webflow-projects-with-jeff-mcavoy.txt): This page features Jeff McAvoy demonstrating how he created an animation in Rive App and integrated it into a Webflow site using Slater. The content includes a walkthrough, links to Jeff's other animation projects, and highlights the use of Slater, Webflow, and Rive together. Visuals and resource links are provided for further exploration.
- [Figdam](https://ai.slater.app/resources/figdam.txt): This page introduces Figdam, a new product by the team at Edgar Allan, who are also behind Slater. Figdam is a Digital Asset Manager (DAM) that helps users manage images in Figma and auto-sync them to the web, with features like image manipulation, analytics, and PDF generation. The post includes a tweet announcement and mentions a demo coming soon.
- [Learn GSAP for Webflow Livestream](https://ai.slater.app/resources/learn-gsap-for-webflow-livestream.txt): This page recaps Slater's participation in an official Webflow livestream focused on learning GSAP for Webflow. It highlights the contributions of Aron and Cassie, and encourages viewers to watch the recorded session. The page also features related articles and a hero image.
- [AI Answers](https://ai.slater.app/ai.txt): This page provides a list of AI-powered help articles and guides for using Slater, covering topics such as project transfer, account management, JavaScript integration, billing, and more. It also features a motivational heading and a background image. Users can browse the articles for detailed answers to common questions about Slater's features and usage.
- [Creating Award Winning Websites | With JP Dionisio](https://ai.slater.app/resources/creating-award-winning-websites-with-jp-dionisio.txt): This page features JP Dionisio, a Webflow Developer at BeSpoke Websites, known for his award-winning work in Slater challenges. The content teases an exploration of JP's skills, his journey to mastering Webflow, and his current projects in Slater. The page includes a hero image, author details, and a brief introduction, but does not provide a full interview or article body.
- [Making Your Own Version of CMS Select from Finsweet with Slater | With Shane Gauthier](https://ai.slater.app/resources/making-your-own-version-of-cms-select-from-finsweet-with-slater-with-shane-gauthier.txt): This page features a session with Shane Gauthier, who demonstrates how he used Slater AI to create his own version of CMS select for a bike website. The content includes a brief introduction to Shane, links to his Twitter and website, and mentions his experience level. No custom code expertise is required, making it accessible for learners.
- [Wave your flag](https://ai.slater.app/resources/wave-your-flag.txt): This post introduces an animated American flag resource for the US holiday week and encourages users worldwide to adapt the code for their own countries. It also shares links to additional interactive code resources, including a hover-based tab interface and a 'Read More' text toggle, with credits to the contributors. The post features images and direct links to the showcased resources.
- [Shredding With Slater In Webflow Projects | With Ailín Tobin](https://ai.slater.app/resources/ailin-tobim.txt): Ailín Tobin, a Web and App Developer at Apiary Life, discusses how he uses Memberstack scripts and Slater's AI integration to enhance client projects in Webflow. The post highlights key lessons from a livestream, focusing on code organization, overcoming code limits, and data privacy. The content includes a quote from Ailín and a list of practical takeaways.
- [Combining Slater With GSAP | With Yar Al Roshidi](https://ai.slater.app/resources/combining-slater-with-gsap-with-yar-al-roshidi.txt): This page features Yar Al Roshidi, a Webflow Expert at Levelflow, introducing how to create stunning interactions using Slater and GSAP. It provides links to Slater's Twitter, YouTube, and newsletter for further learning and updates. The content encourages users to explore interactive web development with these tools.
- [An interactive swarm](https://ai.slater.app/resources/an-interactive-swarm.txt): This page introduces an interactive grid of squares that react to mouse movement, simulating a swarm effect. It provides links to a live example, code review, and additional resources for handling form submissions and window resizing. The post encourages community contributions and links to the full Community Library.
- [Features inspired by the best Webflow devs](https://ai.slater.app/features.txt): This page highlights the main features of Slater, a coding environment designed for Webflow users. It details frictionless custom code integration, AI-powered code writing, team collaboration, code explainers, staging/production publishing, and a code library. The page emphasizes a seamless bridge between code and no-code development.
- [Slater 101: Unlocking Slater's Full Potential | With Jared](https://ai.slater.app/resources/slater-101-unlocking-slaters-full-potential-with-jared.txt): This page introduces a session with Jared Malan, Director Of Technology at Edgar Allan, focused on unlocking the full potential of Slater. It includes a hero image, author details, a brief introduction, and a video placeholder. The content is aimed at those curious about Slater and looking to learn more.
- [Using Slater in EA | With Marina Zivkovic & Lemi](https://ai.slater.app/resources/using-slater-in-ea-with-marina-zivkovic-lemi.txt): This page features a discussion with Marina Zivkovic from Edgar Allan about how the agency uses Slater. It includes author details, a hero image, and multiple links to Slater's Twitter, YouTube, and newsletter. The content encourages users to follow Slater and sign up for updates.
- [Creating Jurassic Park Using Custom Code | With Andrea Morgan 🐉](https://ai.slater.app/resources/creating-jurassic-park-using-custom-code-with-andrea-morgan.txt): This page features Andrea Morgan's entry as a Slater challenge finalist, where she created a Jurassic Park-like scene with draggable dinosaurs and explosions, despite not being able to code. The content explores how she used Slater to accomplish this, provides links to her social media and website, and includes a hero image. A video placeholder is present, and resources for following Andrea are provided.