The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Skeleton app for angular


Hi,

I bought a Metronic licence and I dowload the zip file, and I want the angular app how can I get a skeleton app without all the demo pages?

If do you not have a skeleton, can I have a guide, who explain what I need to implement in my app.
The main ideia is to apply the metronics layout in an existing angular app.

Regards,
Paulo


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


Great discussion on setting up lean starter setups! Starting with a clean skeleton structure saves significant time during project architecture and ensures modular design patterns from day one. Thanks for sharing this resource! - Meraj Türkiye


 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment

This was a very insightful article. I especially liked your perspective—it gave me a new way to think about the topic. Thanks for sharing blogvio.de


 
Deleted comment

Hi Paulo,

Metronic doesn’t provide a barebone Angular skeleton. To use only the layout:

Extract the Angular package from the ZIP.

Keep only src/app/layout (header, aside, footer) and src/assets.

Remove all demo pages under src/app/views.

Adjust app-routing.module.ts to point to your own components.

Include required CSS/JS in angular.json.

Wrap your <router-outlet> with <app-header>, <app-aside>, <app-footer>.

Optionally include Metronic helper services like HtmlClassService.

This way, you get a skeleton with the Metronic layout applied in your Angular app.



Really useful insights here. For anyone looking for online productivity tools, Nextus
offers everything from text formatting to file conversion in one place. Highly recommended!


 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.