Hi, I’m your super cat, a super cat who doesn’t like to eat fish and doesn’t like cats

preface

Most people check moments, microblogs, TV dramas and Zhihu when they are free, while some people check GitHub when they are free to see what popular projects are on.

Over time, the gap gets bigger and bigger, so there’s always an asymmetry of open source information, and there’s no telling what good front-end open source projects are worth learning from.

Perhaps the biggest gap between the preliminary front-end and the advanced front-end is caused by poor information.

It has been nearly five years since Super Cat joined GitHub in 2016.

Since 2018, I’ve been in the habit of checking GitHub every day, usually in the morning before work or during my lunch break.

It’s worth learning what good front-end projects are open sourced every day and what the mainstream front-end stacks are using.

Therefore, I also collect a lot of good open source projects, and recommend them to you here. There will be one to three essential articles pushed every week.

I hope you can learn more programming knowledge, improve programming skills and find the fun of programming in the process of browsing and learning these open source projects recommended by super cat.

GitHub is dedicated to exploring the best front-end open source projects on GitHub to smooth out your front-end information asymmetric, including JavaScript, Vue, React, Node, applets, Flutter, Deno, HTML, CSS, data structures and algorithms, etc.

How to find good open Source projects? Check out GitHub’s Tips for Finding Good Open Source Projects


The following is the eighth installment of “Front-end GitHub”.

Here are 10 popular and beautiful management templates on GitHub. I hope you can find some templates that save time and effort.

Meow ~ meow ~ meow ~ text began, get on the car sit firmly help good ~


Almost every platform in Web development needs a background management, but it is not easy to develop a set of management background templates from scratch. Fortunately, there are many open source and free management background templates available for developers to use.

So what are the best open source and free management templates?

I’ve collected some great admin templates on GitHub that are still being updated and maintained, and have come up with the Top 10.

1. vue-Element-Admin

Vue-element-admin is a back-end front-end solution based on VUE and Element-UI implementation.

It uses the latest front-end technology stack, built-in I18N internationalization solution, dynamic routing, authorization verification, refined the typical business model, provides a wealth of functional components, it can help you quickly build enterprise-level product prototype in the background.

It also comes with a series of tutorial articles on how to build a complete backend project from scratch.

  • Hand touch hand, take you to use vue backstage series a (basic)
  • Hand to hand, take you to use vUE masturbation background series two (login permission)
  • Hand to hand, take you to use the vUE backstage series three (Actual combat)
  • Hand touch, take you with vue Lute background series four (vueAdmin a minimalist background base template)
  • Hand touch hand, take you to use vUE Background Lift series five (v4.0 new version)
  • Hand to hand, take you to wrap a Vue Component
  • Hand to hand, with your elegant use of icon
  • Using webpack4 with proper posture (part 1)
  • Using webpack4 with proper posture

The project is still under maintenance.

It also comes with documentation, which is nice.

Github Star number 62.2k, Github address:

Github.com/PanJiaChen/…

2. iview-admin

IView Admin is a set of background integration solution based on vue.js, with the use of iView UI component library, developed and maintained by some members of TalkingData front-end visualization team.

IView Admin comply with the iView design and development contract, uniform style, elegant design, and more functions in the development.

However, the project has not been updated and maintained for more than a year. It is estimated that it will be updated when the iView UI library related to Vue3 is released.

It also comes with documentation, which is nice.

Github Star number 15.3k, Github address:

Github.com/iview/iview…

3. vue-admin-template

This is a minimalist Vue admin management background. It contains only Element UI & Axios & Iconfont & Permission Control & Lint, which are necessary to build the background.

The current version is V4.0 + built on vuE-CLI. If you want to use an older version, you can switch to tag/3.11.0, which does not rely on VUe-CLI.

The minimalist version is a simplified version of vue-element-admin, which has simpler functions and is convenient for rapid development.

It also comes with documentation, which is nice.

Github number of stars 12K, Github address:

Github.com/PanJiaChen/…

4. ant-design-pro

Out-of-the-box mid-platform front-end/design solution.

Ant Design Pro is based on Ant Design and UMI’s packaging of a set of enterprise-level back-end front-end/Design solutions, committed to the Design specifications and basic components, continue to build up, extract typical templates/business components/supporting Design resources. To further improve the experience of “users” and “designers” in the design and development process of enterprise-level background products.

With the continuous feedback from “designers”, we will continue to iterate, gradually precipitation and summarize more design patterns and corresponding code implementation, explain the best practices of product templates/components/business scenarios in the background, and look forward to your participation and construction.

Ant Design Pro strives to provide an out-of-the-box development experience by providing a complete scaffolding for internationalization, permissions, mocks, data flows, network requests, and more.

Best practices are provided to reduce learning and development costs for these common scenarios in the middle and back end.

It also comes with documentation, which is nice.

Github Star number 27.2k, Github address:

Github.com/ant-design/…

5. ngx-admin

Customizable Management dashboard module based on Angular 10+ with six amazing visual themes.

Github Star number 21.7K, Github address:

Github.com/akveo/ngx-a…

6. vue-admin-beautiful

Vue-admin-beautiful is a great back-end front-end development management framework based on Vue + Elemet-UI (vUE/CLI 4 latest version, also supported on computers, phones, tablets).

Vue-admin-beautiful-pro has four layouts (gallery layout, comprehensive layout, vertical layout, horizontal layout) four themes (default, Heart of the Ocean, green meadow, glory Collection), a total of 16 layout theme combinations to meet all project scenarios.

Has support for regular bug automatic repair, front-end code automatic specification, code one-click generation and many other functions, can be completely independent of the background development to complete the project, as well as interface automatic simulation generation, support JAVA, PHP, NODE,.NET, Django and other commonly used all background docking, Even completely abandon JAVA and other conventional back-end development, built-in Node service supports the direct operation of the database to add, delete, change and check, support the current popular unicloud, Serverless cloud development.

The project is still being updated and maintained, which is good.

Github.com/chuzhixin/v…

7. vuestic-admin

This is a free Vue. Js management template with wonderful, including more than 38 custom user interface components.

Response (Charts. Js) | | chart layout schedule | | form and selected date selector | | check boxes and radio buttons static table and data table | | medium editor | design | | button font smoothing collapse | color picker line | | time toast notification | tool tip | | | | play window icon spin body model | file upload | thick cut fries notification level of | | | | tree card slider | | chat system maps (Google, another dual, Leaflet, AmMap) | | login/register page template template on page 404 | i18n

Github Star number 7.6k Github address:

Github.com/epicmaxco/v…

8. antd-admin

A set of excellent back-end front-end solutions.

features

  • Internationalization, source code from the translation field, as needed to load the language package
  • Dynamic permissions. Different permissions correspond to different menus
  • Elegant and beautiful, Ant Design Design system
  • Mock data, local data debugging

It also comes with documentation, which is nice.

Github.com/zuiidea/ant…

9. eladmin

A simple and easy to use Spring Boot background management framework

Technology stack

Use SpringBoot, Jpa, Security, Redis, Vue and other front-end technology development.

modular

The back-end adopts module development mode according to functions to improve development and test efficiency.

High efficiency

The project is simple and configurable, with built-in code generator, which can generate the front and back end codes with one key after configuring the table information.

separate

The front and back ends are completely separated, with the front end based on Vue and the back end based on Spring Boot.

responsive

Support computers, tablets, mobile phones and other mainstream devices to access.

Ease of use

It can be used for almost all Web project development, such as OA, Cms, website background management and so on.

It’s both front and back, which is pretty good.

Github.com/elunez/elad…

10. AdminLTE

AdminLTE is a fully responsive administrative template. Based on Bootstrap 4.5 framework and JS/jQuery plug-in.

Highly customizable and easy to use. Suitable for a variety of screen resolutions from small mobile devices to large desktops.

All JS, SCSS and HTML files for AdminLTE are carefully coded and clearly commented. SCSS has been used to improve the customizability of code.

UI style is not biased to foreign bar, relatively simple.

The good thing is that it is still updated and maintained all the time. The worst thing is that it still relies on jQuery from the old days.

Github Star count is also very high, Github address:

Github.com/almasaeed20…

The last

Recently, I have been working overtime so much that I often get off work at 10 or 11 o ‘clock in the evening, so the update of the article is much slower.

Because the article is in the evening liver comes out, an article wants liver a few evening ability to go, when liver arrives here, already passed zero morning, alas.

It’s not easy being a working cat!

Finally, a very healing picture to heal the tired mind.

Well, that’s the end of GitHub 8.

For more exciting content, please check out the warehouse below and you will find a bigger front-end world:

Original address: github.com/FrontEndGit…

For tips on how to find good open source projects, check out these two articles: Tips on how to find good open Source projects on GitHub, and tips on how to find good open Source projects that you probably don’t even know how to do on GitHub.

Can add super cat WX: CB834301747, chat together front GitHub.

Past pure text

  • 10 top GitHub Interviews to Build your own Salary Bonanza
  • Get inspired to write CSS on GitHub!
  • 11 super popular factory front-end code specifications, you can write code like poetry!

  • With all due respect, you probably don’t even know how to do GitHub search

  • GitHub’s most popular, most worthy front-end learning data structures and algorithms project! No one of

  • The world’s most popular WEB development learning route! No one! It received nearly 1W likes on GitHub in 3 days

  • Github star 1.6W+, programmers must be aware of the “hidden rules” again popular, had known that would not be bald

Think it works? Like to collect, by the way point like it, your support is my biggest encouragement!