LogoLogo

Acebuilder

beta

One-Click Template Importer

Demo
All demosStart building
Simplistic SaaS Template
A SaaS template designed for AI and Agentic startups, features bento grids with rich illustrations and microinteractions.
Simplistic SaaS Template preview
Read fileapp/page.tsx
Read filepackage.json
Read fileapp/layout.tsx
  • Cloned Simplistic SaaS Template and verified the starter layout

/improve-animations for the hero section

Read file.agents/skills/improve-animations/SKILL.md
Read file.agents/skills/improve-animations/AUDIT.md
Read file…/improve-animations/PLAN-TEMPLATE.md
Read filecomponents/hero.tsx
Read filecomponents/button.tsx
Read filecomponents/button.tsx
Read filecomponents/badge.tsx
Read fileapp/globals.css
Read filecomponents/navbar.tsx
Read filecomponents/logo-cloud.tsx
Read filecomponents/navbar.tsx
Read file…/improve-animations/PLAN-TEMPLATE.md
Read file.agents/skills/improve-animations/AUDIT.md
Read filecomponents/hero.tsx
Read filecomponents/logo-cloud.tsx
Read filecomponents/button.tsx
Search codebase
Read filecomponents/cta.tsx
Read fileapp/globals.css

change the theming of the website to this color instead: oklch(59.2% 0.249 0.584)

Read fileapp/globals.css
Read fileapp/layout.tsx
Read filecomponents/lines-gradient-shader.tsx
Read filecomponents/lines-gradient-shader.tsx
Read filecomponents/hero.tsx
node -e 'function oklchToRgb(L,C,h){ /* OKLCH -…
node -e 'function oklchToRgb(L,C,h){ const a = …
node -e 'function oklchToRgb(L,C,h){ const a = …
Read filecomponents/button.tsx
Read filecomponents/features-one/flipping-images.tsx
Read file…/features-one/vertical-pulse-lines.tsx
Read file…/features-one/folder-with-files.tsx
Read filecomponents/pricing.tsx

change buttons theme as well, for the overall website

Read filecomponents/button.tsx
Search codebase
Search codebase
Read fileapp/globals.css
Search codebase
Read fileapp/globals.css
Read fileapp/login/page.tsx
Read fileapp/globals.css
Read fileapp/globals.css
Search codebase
Search codebase
Read filecomponents/features-one/flipping-images.tsx
  • Updated --primary, --ring, and --sidebar-* theme tokens to your OKLCH color in both light and dark modes for consistent pink focus rings and shadcn UI
  • Default buttons: replaced redundant hover gradient with brightness-110 for cleaner hover feedback
  • Outline buttons (Learn More, pricing, social sign-in): changed from neutral gray to pink-tinted ring and pink hover wash in both light and dark
  • Updated decorative sparkle colors in flipping-images to pink-family and fixed a leftover blue in dark --sidebar-primary
How can Acebuilder help you today?