Skip to main content

กำลังโหลด...

Southern Whale
รับ SEO Audit ฟรี
Lifetime · Unlimited Framework By Kevin Geary

automaticcss.com · Lifetime Unlimited

Automatic.css (ACSS) [Lifetime]

A utility-first CSS framework that cuts responsive design work by 60-90% — built by Kevin Geary, works with Bricks, Oxygen, GeneratePress, and Etch.

Southern Whale price · Lifetime
THB 1,000/ site, lifetime
THB 17,500+ (497 USD full price from automaticcss.com)
Automatic.css ACSS WordPress utility-first CSS framework Bricks Oxygen — Southern Whale lifetime license activation service
60-90%
Responsive time cut
Unlimited Sites
8+
Supported builders
4.9/5
Rating (1.5K+ reviews)

What is ACSS

The CSS framework that changes your web build workflow forever

Automatic.css (ACSS) is a CSS utility framework for WordPress built by Kevin Geary (Digital Gravy) — a worldwide leader in WordPress education. ACSS is similar to Tailwind CSS but engineered to work with visual page builders like Bricks, Oxygen, and Etch specifically.

The heart of ACSS is "stop writing media queries" — instead of debugging responsive design on every page and every section, ACSS uses fluid typography + mathematical spacing + smart breakpoints that the system manages for you automatically. The result: responsive work drops by 60-90% and sites come out more consistent across every viewport.

For agencies and freelancers building many sites per year, ACSS is a game changer — half the development time, better design consistency, rebrand the entire site in 5 seconds. And just as important, the Lifetime license means you pay once and use it forever — no annual fees like every other premium plugin.

Why ACSS stands out

Why world-class agencies use ACSS

⏱️

Cuts responsive design time 60-90%

Instead of writing 10-20 media queries per page, use utility classes that handle responsive automatically — slashing your responsive work to a fraction of what custom CSS takes.

🎨

Site-wide design consistency

Spacing, typography, and color all reference central variables — change brand once and the entire site rebrands. No more 'this page's font size doesn't match that one' problems.

🧑‍💻

Kevin Geary quality

Built by Kevin Geary (Digital Gravy) — a WordPress education leader for 10+ years. Every class is designed around CSS best practices, accessibility, and performance.

🔗

Works with many builders

Compatible with Bricks Builder, Oxygen, GeneratePress, Cwicly, and Etch — invest once, use across every builder you'll ever try, no lock-in.

📚

Excellent documentation + training

ACSS ships with a full video course + cheatsheet + Facebook community (10K+ members) + weekly Q&A sessions — easy to learn, no need to guess.

💎

Lifetime License = one-time investment

1,000 THB once, lifetime use — full price from automaticcss.com is 497 USD (~17,000 THB). ROI is huge if you ship 5+ sites a year.

What's in ACSS

9 core Automatic.css systems

ACSS covers every part of the design system — color, typography, spacing, layout, responsive — all working together as a single coherent toolkit

🎨
Brand Color System
Set one brand color and the system auto-generates 10 shades — primary-50 through primary-950, ready to use
📐
Fluid Typography
Text that scales responsively automatically — no media queries needed. text-s, text-m, text-l, text-xl, text-2xl resize with the viewport
📏
Mathematical Spacing
A spacing scale built on mathematical ratios (1.25, 1.5) — section-s, gap-m, padding-l deliver consistent visual rhythm
🔲
Grid + Flex Utilities
Layout utility classes with smart breakpoints — auto-grid, flex-row, flex-column, equal-cols ready out of the box
📱
Smart Breakpoints
Mobile-first responsive that you can override precisely — one class handles every viewport from 320px to 1920px
🌗
Dark Mode Built-in
Built-in dark mode toggle — add the dark class to body and the whole site flips, no manual CSS variable config
🎯
Section Builder
Section utility classes — section, section-content, container help keep section-level layout consistent across the site
🔤
Typography System
Heading scale (h1-h6) + body text + lead text + small text designed to harmonize — pro-grade readability out of the box
⚙️
Variable Manager
UI for managing every CSS variable on the site — rebrand the entire site in 5 seconds through WP-Admin

Real Talk · Limitations you should know

Things to understand before buying ACSS

ACSS is a powerful framework but not right for everyone — these are the real limitations we've hit across many client builds.

1. There's a learning curve

ACSS has its own class system — expect 1-2 weeks to learn the class names + understand the framework philosophy. If you've used Tailwind it'll click fast, but coming from vanilla CSS it can feel overwhelming at first.

2. Works best with Bricks/Oxygen

It works with Elementor too, but the workflow is less smooth — ACSS is designed for builders that treat CSS classes as first-class citizens (Bricks, Oxygen). On Elementor you have to go through the custom CSS system.

3. Not great ROI if you build few sites

If you only build one site per year, the ROI is borderline — ACSS is best for freelancers/agencies shipping many sites yearly. New users building one personal site may be fine on the builder's default CSS.

4. Locks you into the ACSS workflow

Once you've written your whole site with ACSS classes, switching to a different framework later means refactoring the whole site. If you commit to ACSS long-term, this isn't a problem.

Suitable for

  • Agencies / freelancers shipping many sites per year (high ROI)
  • Stacks built around Bricks Builder, Oxygen, GeneratePress, or Etch
  • Sites that need a consistent, repeatable design system
  • Teams of multiple people who need a shared design language
  • Developers who like utility-first approaches (former Tailwind/Bootstrap users)
  • Enterprise / SaaS sites that rebrand often — change a variable, rebrand the whole site in 5 seconds

Not suitable for

  • Building one personal site once — the builder's default styling is enough
  • Elementor-first workflows — the integration isn't optimal
  • Anyone who's never used utility-first CSS and has no time to learn
  • Sites built on heavily opinionated themes like Astra/Kadence — ACSS is overkill

Pricing · Lifetime

One-time 1,000 THB · Lifetime use

ACSS Lifetime Unlimited
THB 1,000
/ lifetime
Full price
THB 17,500+
Save ~94%
  • Genuine ACSS Lifetime License — activated through the official server
  • Unlimited websites — use on every site you'll ever ship
  • Our team installs + activates the license + configures initial variables
  • Lifetime auto-updates — no annual fees
  • 7 days of post-activation support + English quickstart guide
Order via LINE

PromptPay / bank transfer · Invoice available

Activation Flow

24-Hour Activation Process

1

Chat on LINE + send details

Share: site URL + WordPress Admin credentials + which builder you're using (Bricks, Oxygen, Etch, etc.) so our team can configure it correctly

2

Confirm price + pay

Our team reviews the site + confirms the 1,000 THB price · You transfer via PromptPay or bank (activation begins as soon as we confirm receipt)

3

Install + Activate + Config

The Southern Whale team installs the ACSS plugin · activates the Lifetime license · configures initial variables (brand color, typography, spacing scale) to match your brand (takes 20-30 minutes)

4

Hand back + walk-through

We confirm activation is complete · recommend you change your WP-Admin password immediately · send an English ACSS cheatsheet + a link to Kevin Geary's YouTube course

Important note: ACSS Lifetime Unlimited covers unlimited sites — but you have to install the plugin on each site. Contact us if you need additional activations.

FAQ

Frequently Asked Questions

What is Automatic.css (ACSS)? How is it different from Tailwind? +
ACSS is a CSS utility framework built specifically for WordPress — similar in spirit to Tailwind but designed to work with page builders (Bricks, Oxygen), not React/Vue. Key differences from Tailwind: (1) ACSS has a UI inside WP-Admin to configure variables through forms instead of editing tailwind.config.js, (2) classes are designed specifically for builder workflows, (3) it integrates with visual builders far more smoothly.
What does the 1,000 THB Lifetime price include? +
It includes: (1) a genuine ACSS Lifetime License activated through the official Automatic.css server, (2) our team installing + activating the license + configuring initial variables for you on day one, (3) free auto-updates for life — no annual fees, (4) 7 days of post-activation support, (5) an English quickstart guide for learning the ACSS framework. Not included: Kevin Geary's training course (free on YouTube) or web design services.
Does Lifetime really mean lifetime use? +
Yes — Automatic.css sells an official Lifetime License: pay once and receive updates + new features for the entire lifetime of the product. The full price on automaticcss.com is around 497 USD (~17,500 THB) for Lifetime Unlimited — Southern Whale offers it for 1,000 THB, saving roughly 94%.
Which page builders does it work with? +
ACSS supports: Bricks Builder, Oxygen Builder, Breakdance, Cwicly, GeneratePress, Etch, Kadence, and Beaver Builder. It works best with Bricks + Oxygen (because those builders treat CSS classes as first-class citizens). Elementor + Divi work too but you have to go through their custom CSS systems — the workflow is less smooth.
How is it different from Kevin Geary's Frames? +
Kevin Geary has two main products: (1) ACSS = the CSS framework (variables + utility classes), (2) Frames = the section/page library built on top of ACSS. ACSS is the foundation, Frames is the ready-made content sitting on top. Recommendation: buy ACSS first to learn the framework, then add Frames later if you want pre-built sections. Southern Whale stocks the Frames license at 1,000 THB too — see /en/plugins/frames-for-bricks/.
Can I get a refund if I'm not satisfied? +
Within the first 7 days after activation, if there's a technical issue we can't resolve, you get a full refund. For preference-based reasons (e.g., not liking the ACSS workflow) we can't issue a refund, since Lifetime licenses are tied to the domain they're activated on — we recommend watching Kevin Geary's YouTube channel + trying the ACSS demo before buying.
What pairs best with it? +
The gold-standard stack used by world-class agencies: (1) Bricks Builder (page builder), (2) ACSS (CSS framework), (3) Frames (section library), (4) Advanced Themer (productivity tool inside the builder). All four work together seamlessly — Southern Whale carries every license, total around 4,500 THB versus ~85,000 THB direct.

Ready to upgrade your web build workflow?

Chat on LINE now · ACSS Lifetime activation complete within 24 hours