Premium Tailwind CSS admin templates with a real backend
ASoc is a family of production-ready Tailwind CSS templates for React, Next.js, Vue, Angular and HTML — free editions to start, plus Pro editions with a real Node + Supabase backend that persists data when you're ready to ship.


Premium templates, available now — more launching soon
The flagship Tailwind admin — 13 dashboards, 135+ pages, every app module.
React · Next.js · Vue · Angular · HTML
A real-estate marketing site — listings, agent profiles, and a home-valuation funnel.
Next.js
One Toolkit for React, Next.js, Vue, Angular and HTML
A Complete Tailwind Dashboard, Tuned to Your Tech Stack
Powered by Tailwind CSS
A composable, fully customizable foundation built on Tailwind CSS. Shape and restyle anything in minutes using clear, semantic utility classes your whole team can read.
60+ UI Components
A deep library of handcrafted dashboard components, elements, and full pages for HTML, React, Next.js, Vue and Angular — enough to assemble rich back-ends and admin panels without reinventing the basics.
10 Unique Dashboards
Pick from purpose-built dashboard variations for Analytics, E-commerce, Marketing, CRM, AI, Sales, and Finance. Each one frames data clearly and is ready to tailor to the product you are building.
Simple to Adapt and Extend
Reshape ASoc to fit your HTML, React, Next.js, Vue and Angular projects with ease. Lean on thorough docs and Tailwind CSS utilities to get exactly the look you are after.
Free Updates, For Life
Keep moving with ASoc's lifetime free updates. New components and improvements land regularly at no extra cost — progress should never sit behind a paywall.
Real Technical Support
Hit a snag or need a second pair of eyes? Reach us on Discord or open a ticket and the team replies within a day.
Fully Responsive
60+ Coded Files
Multi-Framework
Performance Optimized
Cross-browser Support
Dark Mode Support
Customized Plugins
Detailed Documentation
Assemble Admin Panels Without the Grind
Your Complete Admin Toolkit
13 Distinct Dashboards for Every Use Case
Dark/Light Mode Support
Let users flip between dark and light mode instantly, across every component and page.
Optimized Development Workflow
A smooth build and customization flow with modern, framework-native tooling and first-class npm support.

Essential UI Components, Elements, and Pages
60+ Dashboard Components for Whatever You Build
Dashboard UI Components
Every essential Tailwind CSS dashboard component, crafted for HTML, React, Next.js, Vue and Angular admin panels.
Application Pages and UI Kit Elements
Browse UI kit elements plus 10+ example apps — Mail, Chat, Invoice, Task, Table, Profile, Auth, Settings and more.
Visualize Data Your Way
Plenty of Charts, Graphs, Cards, and Counters
Charts and Graphs
Pick from a wide set of ready-to-use chart and graph components to present data exactly how you want.
Maps, Tables and Cards
Shape rich, personalized data with a range of containers, each available in several variations.
Pre-built AI Pages for Dashboards
Stand Up AI Tools in Minutes
Text, Image, Video, and Code Generators
Spin up AI dashboard apps from ready-made Tailwind CSS pages — complete with prompts, searchable history, attachments, downloads, and exports.
Customizable AI UI Templates
Reuse the same pages across HTML, React, Next.js, Vue and Angular, then style and scale your AI dashboards with Tailwind CSS.
Pre-built Dashboard Layouts
Flexible Dashboard Shells for Any Product
Sidebar Layouts and Dashboard Shells
Choose from six sidebar layouts — classic, sectioned, collapsible, nested, toggle, and docs shells — covering flat, grouped, and multi-level navigation.
Flexible Layout System for Every App
Swap sidebar layouts to match each product, with the same behavior across HTML, React, Next.js, Vue, and Angular.
Analytics, Sales, E-Commerce, Marketing, CRM, Finance, Crypto, AI and More!
Dig into the full set of pages and components, shaped to fit your project and speed up everything you build next.
Explore All Components

















