Skip to content

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

License

Notifications You must be signed in to change notification settings

open-template-hub/web-ui-template

Repository files navigation

Logo

Open Template Hub - Web UI Template v5

License Issues PRCLosed LastCommit Release Lighthouse SonarCloud

Web UI Template is a modern, responsive, and customizable web 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=4201

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.

othOpen Template Hub © 2023

About

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

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published