Sci-Fi Games UI Elements Pack

• Product Name: Sci-Fi Game UI
• Description: UI elements pack for Sci-Fi games.
• Author: Arashtad
• Author URI: https://arashtad.com
• Version: 1.0.0
• Creation Date: Nov 21, 2022
• License: GNU General Public License V3
• Copyright: (C) 2022 - Arashtad.com. All Rights Reserved.

Demo

To see the product in action Visit the Live Demo.

Purpose

This is a Sci-Fi style UI elements pack that can be used for web based games, applications, and pages. Using any component is as easy as possible. See below to find out how can you use a tabs component for unlimited times on a page:

<div class="ar-tabs">
    <ul class="ar-tabs-buttons">
        <li>Tab Button 1</li>
        <li>Tab Button 2</li>
        <li>Tab Button 3</li>
        <li>Tab Button 4</li>
    </ul>
    <ul class="ar-tabs-content">
        <li>
            <h3 class="warning">
                Tab Content 1
            </h3>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit...
            </p>
        </li>
        <li>
            <h3 class="warning">
                Second Tab Content
            </h3>
            <p>
                Reprehenderit ab laborum, iste modi odio, consectetur suscipit...
            </p>
        </li>
        <li>
            <h3 class="warning">
                The Third Tab Content
            </h3>
            <p>
                Optio quibusdam consequatur alias, tenetur iusto natus nihil magni modi...
            </p>
        </li>
        <li>
            <h3 class="warning">
                4th Tab Content
            </h3>
            <p>
                Iure reprehenderit unde quasi optio suscipit voluptatum distinctio eaque...
            </p>
        </li>
    </ul>
</div>

Technologies

• HTML5
• SCSS/CSS3
• jQuery

Credit

This product uses some open source tools such as:

• jQuery
• OverlayScrollbar
• FontAwesome v4.7.0