Utilities Overview

Introduction

The Phenix Utilities provide a collection of JavaScript enhancements that improve the functionality, user experience, and performance of your web applications. These utilities are designed to be easy to implement, highly customizable, and optimized for modern web development.

Initialization

Phenix Utilities can be initialized all at once or selectively by type:

// Initialize all utilities
Phenix(document).utilities();

// Initialize specific utility types
Phenix(document).utilities({
  type: 'form'  // Only initialize form utilities
});

// Initialize multiple utility types
Phenix(document).utilities({
  type: 'form,text,seo'  // Initialize form, text, and SEO utilities
});

Available Utility Types

Type	Description	Documentation
form	Form-related utilities	Form Utilities
other	General utilities like item removal and counters	Item Remover, Counter
text	Text and color manipulation	Dynamic Colors
icons	Icon-related utilities	Icons List
copyrights	Content protection	Copyright Protection
seo	SEO enhancements	SEO Utilities, Table of Content
all	All utilities (default)	All of the above

Core Features

Form Enhancements

Improve form interactions with placeholder effects, form repeaters, rating controllers, and counter inputs. These utilities make forms more interactive and user-friendly.

Learn more about Form Utilities

Content Management

Easily remove elements, create animated counters, and enhance lists with icons. These utilities simplify common DOM manipulation tasks.

Learn more about Item Remover
Learn more about Counter
Learn more about Icons List

Visual Enhancements

Automatically calculate color variations, create dynamic shadows, and enhance visual elements. These utilities improve the visual appeal of your website.

Learn more about Dynamic Colors

SEO and Accessibility

Automatically enhance images, links, and headings for better SEO and accessibility. Generate table of contents from headings for easier navigation.

Learn more about SEO Utilities
Learn more about Table of Content

Content Protection

Protect your content from casual copying with simple JavaScript techniques.

Learn more about Copyright Protection

Best Practices

• Initialize only the utilities you need to optimize performance
• Combine utilities with CSS for the best visual results
• Test utilities across different browsers and devices
• Use data attributes for configuration when available
• Follow accessibility guidelines even when using automatic enhancements

Browser Compatibility

The Phenix Utilities are compatible with all modern browsers and use standard DOM manipulation techniques. Some features may have fallbacks for older browsers, but the best experience is provided in up-to-date browsers.