Remix Antd Admin

screenshot of Remix Antd Admin
react
remix
vite
tailwind
ant-design
prisma

Remix Antd Admin is a website building solution based on Remix、Antd、Prisma. (WIP)

Overview

Remix Antd Admin is a lightweight content management system that offers much more than just content management. It is built on top of the Remix main framework and utilizes the Ant Design design system. With features like RxJS for complex calculations, Echarts for charting, and SSR for server-side rendering, Remix Antd Admin provides a powerful and versatile solution for developers. It also offers internationalization support, atomic design principles using Tailwind CSS, and developer tools support with remix-development-tools.

Features

  • Lightweight content management system built on Remix main framework
  • Utilizes the Ant Design design system for a sleek and modern UI
  • Powerful handling of complex calculations with RxJS
  • Integrated Echarts chart system for data visualization
  • Server-side rendering (SSR) for improved performance and SEO
  • Internationalization (i18n) support with i18next, react-i18next, and remix-i18next
  • Follows atomic design principles for more efficient and maintainable code with Tailwind CSS
  • Developer tools support with remix-development-tools
  • Component testing with Vitest for reliable and high-quality code

Summary

Remix Antd Admin is a powerful and versatile content management system built on top of the Remix main framework. With its integration of the Ant Design design system, it provides a sleek and modern UI. The inclusion of RxJS allows for handling complex calculations, while the Echarts chart system enhances data visualization. With server-side rendering, internationalization support, atomic design principles, developer tools support, and component testing, Remix Antd Admin offers a comprehensive solution for developers.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

remix
Remix

Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

ant-design
Ant Design

Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.

Sonner

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.