Guide9 min read
Firebase Hosting Cost, Measured Against a Real 156 MB Build
Firebase bills $0.026/GB stored and $0.15/GB transferred. This storefront's 156.5 MB build uses 1.6% of the free storage tier — transfer is the line that bills.
The Multi-Framework Tailwind CSS Dashboard Kit Teams Ship With
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.
Ready to Ship Today
Premium templates, available now — more launching soon
The flagship Tailwind admin — 13 dashboards, 135+ pages, every app module.
React · Next.js · Vue · Angular · HTML
The multi-vertical admin suite — 11 dashboards, ~177 pages, every industry covered.
React · Next.js · Vue · Angular
A real-estate marketing site — listings, agent profiles, and a home-valuation funnel.
Next.js
Drops Into the Stack Your Team Already Loves
One Toolkit for React, Next.js, Vue, Angular and HTML
Why Teams Choose ASoc
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
More Worth Knowing
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 nine layout presets — collapsed menu, content navbar, content nav + sidebar, horizontal menu, without menu, without navbar, fluid, container and blank shells.
Flexible Layout System for Every App
Swap layouts to match each product, with the same behavior across HTML, React, Next.js, Vue, and Angular.
13 Dashboard Variations
Analytics, Sales, E-Commerce, Marketing, CRM, Finance, Crypto, AI and More!
Blogs and Updates
Our Latest Blogs
Read more
Tutorial8 min read
forEach in TypeScript: 4 Uses Against 149 Maps
A census of a real TypeScript codebase: 4 forEach calls, 149 .map() and 137 for...of. What the four have in common, and the async trap that explains the ratio.
Comparison8 min read
Vite vs. Vue: A Build Tool and a Framework Are Not Alternatives
Vite builds, Vue renders, and most projects use both. The comparison that resolves is Vite vs. Vue CLI — plus which layer to blame when a build breaks.