Oranx is an Elementor Template Kit crafted specifically for Product Designer Personal Portfolio websites built in WordPress. Leveraging the power of Elementor’s intuitive drag-and-drop builder and the flexibility of WordPress, Oranx allows you to create a stunning, fully customizable portfolio without writing a single line of code. Whether you’re showcasing UX case studies, UI mockups, or product prototypes, Oranx ensures seamless editing, rapid deployment, and ongoing scalability.
Designed with Product Designer Personal Portfolio professionals in mind, Oranx boasts a lead-generation-optimized layout, strategically placed call-to-action buttons, and one-click “Back to Top” navigation for superior user engagement. With clean typography and optimized breakpoints, your work shines on every device—desktop, tablet, or smartphone—while maintaining pixel-perfect consistency across major browsers and versions.
Featuring 22+ total pages—including dedicated Portfolio, Resume, and Case Studies sections—Oranx helps you tell your professional story with clarity and impact. Built on a robust design system, each component is thoroughly tested for cross-browser compatibility, ensuring your personal brand always looks its best. Elevate your online presence and convert visitors into clients with Oranx’s fully customizable, high-performance framework.
Suitable For:
Freelance UX/UI Designers
Product Design Agencies
Design Consultants
Features:
Unique & Clean Design
Modern design based on design system
22+ ready to use templates
Unlimited colors
More than 900 ready fonts
Fully Responsive Layout
Fully Customizable
Click to Go To Top
Cross Browser Compatibility: Chrome, Firefox, Safari, Opera
Dedicated Portfolio, Resume & Case Studies Pages
Templates Include:
Global Theme Style
Design Guideline
Homepage
Subscribe Blog Form
Subscribe Form
Review Form
Contact Us
Coming Soon
404
Single Post
Blogs
Awards
FAQ
Podcast
Testimonial
Resume
Pricing
Portfolios
Case Studies
Contact Form
Services
About
Footer
Header
Required Plugin(included):
Elementor
The Plus Add-on
ElementsKit Lite
Gum Elementor Kit
Metform
How to Use Template Kits: This is not a WordPress Theme. Template kits contain the design data for Elementor only and are installed using the envato Elements plugin for WordPress or directly through Elementor.
Elementor Template Kits use the Envato Elements plugin to install.
Detailed Guide:
https://help.market.envato.com/hc/en-us/articles/36033428836889-How-to-Upload-Install-Elementor-Template-Kits-from-Themeforest-to-WordPress
For further support, go to Elementor > Get Help in WordPress menu.
How to Import MetForm Custom Form:
While edititing a page where a form should appear, open the Elementor navigator to locate the Metform widget.
Click Edit Form in the builder panel.
Select New, leave blank selected then click Edit Form button.
Click ‘Add Template’ grey folder button.
Click ‘My Templates’ tab.
Choose your imported MetForm template, then click ‘Insert’.
Once the template is loaded, click ‘Update’.
Setup Header in ElementsKit Lite If you have Elementor Pro, setup headers and footers in Theme Builder. Pages you create with Elementor must have the Page Layout set to Elementor Full width for the global header and footer to appear.
Go to ElementsKit > Header Footer
If prompted to go through the wizard, click Next all the way through and then return to step 1 (you are not required to enter your email address or share your information)
Click Add New Template button at the top
Name your template, then toggle “Activate/Deactivate:” to On
Click the gray Edit Content button. Elementor will open.
Click the gray folder icon to access My Templates tab and Insert the header or footer template.
Customize and Publish
IMPORTANT:
This Template Kit uses demo images from Envato Elements. You will need to license these images from Envato Elements to use them on your website, or you can substitute them with your own.
https://elements.envato.com/collections/9BXJK6YA2H