Git Product home page Git Product logo

petter-ka / youpez-admin Goto Github PK

View Code? Open in Web Editor NEW
139.0 4.0 59.0 7.33 MB

Customizable free NextGen Angular UI admin platform & template

Home Page: https://youpez.vercel.app

License: MIT License

JavaScript 0.16% TypeScript 50.93% HTML 40.61% SCSS 8.28% CSS 0.01% Dockerfile 0.01%
angular angular-admin angular-admin-template starter-kit angular-starter angular-starter-kit carbon-design-system admin-ui template starter-template premium-content tailwindcss css-flexbox-layout sass typescript angular-dashboard-template data-visualizations

youpez-admin's Introduction

Introduction

Youpez (youpez-admin) is a highly customizable, flexible NextGen Angular UI admin template with custom made real life application UI/UX/Layouts

In Youpez we collected the best UI solutions/libraries for your next awesome admin project. It contains the current and future best practices from the frontend world.

Motivation behind Youpez creating a futuristic and well usable FREE Admin application template which is different from other average templates.

preview

preview2

Checkout the online demo

As a developer, I would love to see startuppers, entrepreneurs and developers are creating awesome projects and applications with/based on this template. I wanted to build a free premium template so that developers could save more time and be inspired by the enterprise-ready built-in-apps and solutions ... and a huge shoutout to IBM's Carbon-Design-System team, they are awesome :)

Key Features

  • Customizable & flexible design
  • Unique and futuristic UI
  • Resizable layout elements
  • Pre-built and ready to use application and page designs
  • Ready to use content layouts
  • Custom components for admin panel specific use cases
  • Starter app layout ideas included for faster development
  • Dark and Light color theme support

Core libraries

  • Angular 11+
  • Angular Flex
  • Carbon Design System & Components (carbon-components-angular)
  • TailwindCSS
  • Echarts
  • Ag-Grid

Built-in applications

  • Company Dashboard
  • Data Analytics Dashboard
  • Stocks / Crypto
  • SCRUM Board
  • Tasks
  • File Manager
  • Mail
  • Messages

Pages

A huge collection of usable pages. Check the demo!

Documentation

Detailed documentation is being written, but it is super easy to understand if you familiar with angular


Setup

This project was generated with Angular CLI version 10.0.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.


Copyright and license

MIT license with ONE LIMITATION: This template was created for startups, entrepreneurs, developers to help them create their awesome ideas/applications. It is prohibited to redistribute Youpez as stock template.

youpez-admin's People

Contributors

app-local-dev avatar developerdesigner18 avatar petter-ka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

youpez-admin's Issues

Carbon component Angular error on npm install

Hi,

I had cloned the project to my system and did npm install to get node_modules. But I'm getting below error and carbon component was not installed.

I'm using Angular CLI
image

image

image

Seems like Angular CLI version is not compactable for Carbon component.

Getting in touch with you!

Hey Petter, love your work here. I don't have an issue but I find it's the only way I could contact you. I'd like us to make a port of this admin in svelte and sveltekit. I have started and got carbon components working in sveltekit. If it's something you'd be interested in kindly hit me up on twitter via link in my bio. Nice work here bro, Cheers.

For react

it is so good. i wish i had this for react ❤️

Is this project active?

Hi all.

I want to help, but I want to know if this project is active. Is this project active?

ng serve issue

==== JS stack trace =========================================

0: ExitFrame [pc: 0183DB97]
1: StubFrame [pc: 018995DE]

Security context: 0x04900469
2: /* anonymous /(aka / anonymous */) [5FDB8D11] [C:\Users\DK\Downloads\youpez-admin-master\node_modules@angular-devkit\build-angular\node_modules\webpack\node_modules\webpack-sources\lib\OriginalSource.js:1] [bytecode=5FBF6C05 offset=0](this=0x27a00279 ,0x5fdb20f9 <String[25]: \x275ngcc0.\x275\x275text(2);>,1...

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
1: 0138E94A v8::internal::Heap::PageFlagsAreConsistent+3050
2: 013850B0 v8::internal::Heap::CollectGarbage+1200

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.