Admin UI Template is a modern, responsive, and customizable admin UI template for your business.

Overview

Logo

Open Template Hub - Admin UI Template v4

License Issues PRCLosed LastCommit Release Lighthouse SonarCloud

Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.

For demo click the image below ⬇️

Screenshot

Ways to Begin

1. Express Deploy

Deploy this template to Heroku

Deploy

2. Start with UI Generator

Create your UI with UI Generator Package

NPM

3. GitHub Template

Use this repository as a Template

GitHubTemplate

Installations

Install nodejs and npm via nodejs.org.

Check installed versions of nodejs and npm via running following commands:

node -v
npm -v

WebStorm Configurations

If you imported project into WebStorm you will see following run configurations:

1. Install

install.run.xml

2. Build

buildLocal.run.xml

buildLocalToStagingApi.run.xml

buildStaging.run.xml

buildProd.run.xml

3. Start

startLocal.run.xml

startLocalFromIPhone.run.xml

startLocalToStagingApi.run.xml

startLocalFromIPhoneToStagingApi.run.xml

startStaging.run.xml

start.run.xml

4. Debug

debug.run.xml

5. Dependency Management

outdated.run.xml

update.run.xml


Local Deployment and Debug

In order to deploy and debug locally, run following configurations in order:

  1. install.run.xml
  2. buildLocal.run.xml
  3. startLocal
    1. startLocal.run.xml (uses local api)
    2. startLocalFromIPhone.run.xml (uses local api - accessible from iphone)
    3. startLocalToStagingApi.run.xml (uses staging api)
    4. startLocalFromIPhoneToStagingApi.run.xml (uses staging api - accessible from iphone)
  4. debug.run.xml

Environment Variables

If you run WebStorm's env.run.xml configuration you will see following variables generated in .env file. Set them appropriately.

PORT=4200

Check project's current nodejs and npm version from package.json.

Brand Color Scale Generator

To be able to generate brand color scales, we are using Colllor.


Favicon Generation

To be able to generate favicon, refer to FAVICON_GENERATION.md file.


Cookie Policy Generation

To be able to generate cookie policy, use cookiepolicygenerator site.


Localization

To be able to generate or update localization, use updateMessages.run.xml.


Outdated

Refer to OUTDATED.md to see outdated npm packages and update them with your own risk.


Contributors


Furkan Yavuz

💬 📖 👀

Fatih Turker

💬 📖 👀

Mert Sarac

💬 📖 👀

Contributing

Refer to CONTRIBUTING.md to see how to contribute to Open Template Hub.


Code of Conduct

Refer to CODE_OF_CONDUCT.md to see contributor covenant code of conduct.


LICENSE

The source code for this project is released under the MIT License.

oth Open Template Hub © 2021
You might also like...

⊞ The modern way to work with tables. Blazing fast facet-filtering, sorting, and searching.

Table Elements The easiest way to integrate Meilisearch into your frontend as a data source for your tables. These components will allow you to kick-s

Nov 21, 2022

100 Modern CSS Buttons, Free And Royalty Free.

💪 Contributions Currently, there are 100 buttons in this project, but we’d love to have more! If you have new button ideas, create an Issue. If you h

Jan 7, 2023

Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack

Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F

Dec 24, 2022

Most modern mobile touch slider with hardware accelerated transitions

Most modern mobile touch slider with hardware accelerated transitions

Get Started | Documentation | Demos Swiper Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing

Jan 4, 2023

Modern ThreeJS boilerplate powered by Vite & Typescript

Modern ThreeJS boilerplate powered by Vite & Typescript

Modern ThreeJS ⚡️ Modern ThreeJS boilerplate powered by Vite & Typescript. Features Powered with Vite 📦 GUI controls using Tweakpane 🎛 Typescript 🦾

Jan 4, 2023

Modern Vue Stack 2022. Joyful development experience 🎉

Modern Vue Modern Vue stack 2022 with Micro front end & Monorepo 🎉 . Joyful development experience 😄 . The main branch will keep clean for quickly c

Dec 18, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ

Dec 27, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ

Jul 5, 2022

Make Phaser 3 games with modern frontend tooling.

Phaser 3 + Vite.js Template Make Phaser 3 games with modern frontend tooling. Prerequisites You'll need Node.js and npm installed. It is highly recomm

Dec 15, 2022
Releases(4.0.19)
  • 4.0.19(Nov 23, 2022)

    Continuous Integration

    Commits

    • 2a2dfba: Workflow/version update (OTH Service User) #44
    • 193219e: Auto merge for PR with workflow label (OTH Service User) #44
    • 036705e: Workflow/dependency check (OTH Service User) #45
    • 6d200ad: Workflow/lighthouse report update (OTH Service User) #45
    • cf443bd: update dependencies (Furkan Yavuz) #45
    Source code(tar.gz)
    Source code(zip)
  • 4.0.18(Nov 16, 2022)

    Continuous Integration

    Commits

    • 9844776: update dependencies (Furkan Yavuz) #40
    • df22e2a: Workflow/dependency check (OTH Service User) #42
    • 051fa89: Workflow/lighthouse report update (OTH Service User) #42
    • d35adba: simplify env vars + sonar fixes (Furkan Yavuz) #42
    • 5fcba94: sonar fix (Furkan Yavuz) #42
    Source code(tar.gz)
    Source code(zip)
  • 4.0.17(Nov 11, 2022)

    Continuous Integration

    Commits

    • fcbb6ee: Workflow/version update (OTH Service User) #37
    • d23c5a0: Auto merge for PR with workflow label (OTH Service User) #37
    • 453b88b: Workflow/lighthouse report update (OTH Service User) #38
    • 5e8f317: update dependencies (Furkan Yavuz) #38
    • aa49271: update env vars (Furkan Yavuz) #38
    Source code(tar.gz)
    Source code(zip)
  • 4.0.16(Nov 3, 2022)

    Continuous Integration

    Commits

    • 5e55173: Workflow/version update (OTH Service User) #33
    • a813be0: Auto merge for PR with workflow label (OTH Service User) #34
    • 5865382: Workflow/dependency check (OTH Service User) #35
    • 32af62e: Workflow/lighthouse report update (OTH Service User) #35
    • 5e0fa5f: Workflow/dependency check (OTH Service User) #35
    • dca4175: Workflow/lighthouse report update (OTH Service User) #35
    • be8a703: update dependencies (Furkan Yavuz) #35
    • 718efb7: Merge branch 'develop' of https://github.com/open-template-hub/admin-ui-template into develop (Furkan Yavuz) #35
    • d7ed696: Workflow/lighthouse report update (OTH Service User) #35
    • 1177ce4: Workflow/lighthouse report update (OTH Service User) #35
    • 2ea687b: Workflow/lighthouse report update (OTH Service User) #35
    • 9344004: Workflow/dependency check (OTH Service User) #35
    • 250d7eb: Workflow/lighthouse report update (OTH Service User) #35
    • 51e5451: Workflow/lighthouse report update (OTH Service User) #35
    • 0cd7fed: Workflow/lighthouse report update (OTH Service User) #35
    • 41354aa: Workflow/lighthouse report update (OTH Service User) #35
    • 231cbae: Workflow/lighthouse report update (OTH Service User) #35
    • 866dd30: Workflow/lighthouse report update (OTH Service User) #35
    • 47683a2: update env. vars (Furkan Yavuz) #35
    Source code(tar.gz)
    Source code(zip)
  • 4.0.15(Jul 1, 2022)

  • 4.0.14(Jul 1, 2022)

  • 4.0.13(Jun 27, 2022)

  • 4.0.12(Jun 27, 2022)

    Continuous Integration

    Commits

    • 71e5410: Workflow/version update (OTH Service User) #22
    • bbe6d98: Auto merge for PR with workflow label (OTH Service User) #22
    • 905b85f: init identify user (Furkan Yavuz) #23
    • d27e6a9: added managements, edited management items style (Mert Saraç) #23
    • f35a819: added timestamp to analytics (Mert Saraç) #23
    • da80bbd: Workflow/dependency check (OTH Service User) #23
    • 718ede4: Workflow/lighthouse report update (OTH Service User) #23
    • cb07ade: dashboard-side nav logic fixes (Mert Saraç) #23
    • 8fdfa36: Workflow/lighthouse report update (OTH Service User) #23
    • a2f88c3: sonar fix (Furkan Yavuz) #23
    Source code(tar.gz)
    Source code(zip)
  • 4.0.11(Jun 17, 2022)

  • 4.0.10(Jun 16, 2022)

    Continuous Integration

    Commits

    • cac6bb9: Workflow/version update (OTH Service User) #16
    • f4a24f5: Auto merge for PR with workflow label (OTH Service User) #16
    • 650946e: created analytics page (Mert Saraç) #17
    • 7985d32: edited analytics card style (Mert Saraç) #17
    • fb3bc3c: Workflow/lighthouse report update (OTH Service User) #17
    • 0354b4f: switch to mixpanel (Furkan Yavuz) #17
    Source code(tar.gz)
    Source code(zip)
  • 4.0.9(Jun 10, 2022)

    Continuous Integration

    Commits

    • c94e7c3: Workflow/version update (OTH Service User) #13
    • 0ac4c83: Auto merge for PR with workflow label (OTH Service User) #13
    • 8432dc2: added products card (Mert Saraç) #14
    • 2a13934: added products to landing-layout-top (Mert Saraç) #14
    • 1ea4f65: Workflow/dependency check (OTH Service User) #14
    • f0842fc: Workflow/lighthouse report update (OTH Service User) #14
    • 84b9083: removed editProfile and myProfile, fixed navbars (Mert Saraç) #14
    • a507e3e: Workflow/dependency check (OTH Service User) #14
    • 1e1b835: Workflow/lighthouse report update (OTH Service User) #14
    • f3db206: remove dependabot (Furkan Yavuz) #14
    • 307d093: update asset (Furkan Yavuz) #14
    Source code(tar.gz)
    Source code(zip)
  • 4.0.8(May 26, 2022)

    Continuous Integration

    Commits

    • 216dae5: Workflow/version update (OTH Service User) #8
    • c5e1817: Auto merge for PR with workflow label (OTH Service User) #9
    • 185a2be: update workflows (Furkan Yavuz) #11
    • a6e909e: removed premium, signup, added users page (Mert Saraç) #10
    • e769493: fixed sonar issues (Mert Saraç) #10
    • 81152c7: fixed mobile style (Mert Saraç) #10
    • 3015c0b: refactored response adapter pattern (Mert Saraç) #11
    • 18f494e: Workflow/dependency check (OTH Service User) #11
    • e88b0aa: Workflow/lighthouse report update (OTH Service User) #11
    • e2566c3: update dependencies + fix leaf design image (Furkan Yavuz) #11
    • a30dd74: update users table img (Furkan Yavuz) #11
    • 11dc4dc: update monitoring service (Furkan Yavuz) #11
    • fdabf83: replace hard coded brand info with brand.data (Furkan Yavuz) #11
    • 8df506f: update server.js (Furkan Yavuz) #11
    • fed2803: update website model (Furkan Yavuz) #11
    • b725bf6: Workflow/lighthouse report update (OTH Service User) #11
    • a9a804f: remove dependency (Furkan Yavuz) #11
    • 337c5a4: Workflow/lighthouse report update (OTH Service User) #11
    • 623d04d: update ports (Furkan Yavuz) #11
    • 03c4a9a: created edit other user profile and users, removed web-ui related components (Mert Saraç) #11
    • 6e833c3: Merge branch 'develop' of https://github.com/open-template-hub/admin-ui-template into develop (Mert Saraç) #11
    • 6de8ef3: fixed users filter bug (Mert Saraç) #11
    • 58d4fa5: Workflow/lighthouse report update (OTH Service User) #11
    • eb706a7: update dependencies (Furkan Yavuz) #11
    • 8b8d63e: update readme (Furkan Yavuz) #11
    • 34f807e: Workflow/lighthouse report update (OTH Service User) #11
    • 1563484: update dependencies (Furkan Yavuz) #11
    Source code(tar.gz)
    Source code(zip)
  • 4.0.7(Apr 14, 2022)

    Continuous Integration

    Commits

    • 275f7c7: Workflow/version update (OTH Service User) #5
    • 8314cfc: Auto merge for PR with workflow label (OTH Service User) #6
    • 4a0cd53: dependency update (Furkan Yavuz) #7
    • 60d78ff: oth-card introduced (Furkan Yavuz) #7
    • b7d2ea1: oth-button introduced (Furkan Yavuz) #7
    Source code(tar.gz)
    Source code(zip)
  • 4.0.6(Apr 12, 2022)

  • 4.0.5(Apr 12, 2022)

Owner
Open Template Hub
Open Source first organization that helps you to minimize the effort while building a new software business with our server and UI templates
Open Template Hub
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

English | 简体中文 | 日本語 | Spanish SPONSORED BY 活动服务销售平台 客户消息直达工作群 Introduction vue-element-admin is a production-ready front-end solution for admin inter

花裤衩 80.1k Dec 31, 2022
Free and Beautiful Vue.js Admin Template

We’re working on Vuestic UI component library, which lets you easily customize components to your own design. Get early access and receive support fro

Epicmax 9.1k Jan 4, 2023
Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage

Devias 64 Dec 12, 2022
Admin dashboard template built with tailwindcss & vue-jsx.

K UI Admin Dashboard Template (Vue 3 & JSX) ⚠️ This template is not finished yet and still in design phase. We are building it in public. Live preview

Kamona-UI 4 Aug 14, 2022
Matteo Bruni 4.7k Jan 4, 2023
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

雪月欧巴 84 Nov 28, 2022
Clarity is a scalable, accessible, customizable, open-source design system built with web components.

Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components

VMware Clarity 90 Dec 30, 2022
🪅 Nuxt 3 module to connect with any API securely – server proxy & customizable composable names

nuxt-api-party This module provides composables to fetch data from an API of your choice securely. You can customize the composable names! Given json-

Johann Schopplich 65 Dec 26, 2022
Wiki.js | A modern and powerful wiki app built on Node.js

A modern, lightweight and powerful wiki app built on NodeJS Official Website Documentation Requirements Installation Demo Change Log Feature Requests

requarks.io 19.5k Jan 5, 2023