Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements
Home Page: https://tailadmin.com/
License: MIT License
On root page, there is a loading spinner included, which is removed automatically after 1s. I tried removing this spinner completely:
src/app/layout.tsx
...
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body>
<div className="dark:bg-boxdark-2 dark:text-bodydark">{children}</div>
</body>
</html>
);
}
But this causes a strange error when running next build:
Generating static pages (0/18) [ ]ReferenceError: window is not defined
...
Error occurred prerendering page "/chart". Read more: https://nextjs.org/docs/messages/prerender-error
ReferenceError: window is not defined
...
Error occurred prerendering page "/".
How can I fix that? I don't want to artifically delay page rendering and setting the loader timeout to a few milliseconds causes an ugly flickering effect.
Any experience with large-scale projects?
Hi, after spending my career in backend, I'm making my first foray into frontend. Please excuse my ignorance.
Tailadmin popped up on my company's radar and someone suggested that it's reminiscent of Material Design, but I see no citation of Material Design in the docs. Is Tailadmin/Tailwind a deliberate derivation of Material Design, or something else entirely?
Originally posted by Scottzozer December 26, 2023
Hi All,
Trying to use this template on a Laravel 10 project but keep running into issues when trying to merge it into my project. Right now I am getting an error on almost all of the custom CSS @apply classes saying they do not exist. Probably a noob mistake somewhere but I have added all the necessary libraries from the package.json, npm installed to generate all the node modules, added all the files, images, css, js to my project. Updated paths so they are in Laravel syntax but still getting these errors:
style.css:40:3: The 'border-primary' class does not exist. If 'border-primary' is a custom class, make sure it is defined within a '@layer' directive.
Anyone have any ideas on how to solve?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.