I’m React

An exceptionally adaptable WordPress multi-concept theme
Explore features
View demos
Get 25% OFF

Explore my features

React is a practical solution for any WordPress project. A carefully crafted creative tool for a modern & clean responsive website. Packed with the best code from web.
Continue
Demos

Elite ThemeForest Author

ThemeCatcher has sold over 29,000 items on the marketplace. We’re dedicated to maintaining and improving our products & services.

Need help?

Visit support site
Get free help with creating and modifying React sites

I’m about layout & design

The Options include a dedicated design section where you can modify the layout, color and design of your website. Its clever features and pixel perfect accuracy is worth checking out.

Layout, color & design

I’ve got all the tools

We’ve integrated or supported some of the best free and premium code on the web to combine with React’s powerful options. Everything you need is available at your fingertips.

What’s included / supported?

I’m your favorite theme

React can be used by designers as a responsive WordPress framework to create your very own concepts. Now you can design and build with WordPress faster than ever!

Features overview

All features:

Performance optimized
Extremely customizable
Typography control
Menu styles
Intuitive & easy to use
100s of options
Easily add CSS
Fully responsive
Go Portfolio included
Fullscreen media
Audio support
Youtube & Vimeo support
4 page templates
Drag & drop forms
5 star support
Premium quality code

View all features

Many Portfolio options
Sharrre Plugin included
Many Header layouts
Online documentation
Twitter feed widget
Compress & Minify files
Multi-site supported
Right-to-left supported
Revolution Slider
You’ll save over $100
Built with CSS3
Import / Export
WooCommerce support
One click install
Elite Author
Designed with Love

Features overview

With hundreds of options and loads of shortcodes, you’ll finally have a sleek & practical website to be proud of!
Continue
Includes options to optimize performance

Minify & Combine CSS + JS Compatible with W3 Total Cache

Translated in French, Spanish & Italian
Download on ThemeForest

King of layouts

React specializes in responsive layouts. It can be modified into the proportions for your design – that’s what makes React a professional’s choice!
  • Fluid Framework
  • Responsive options
  • 4 base layouts
  • Many navigation options
  • Header & footer layouts
  • Unlimited possibilities
Check out some of these layout possibilities!
Fluid
Default
Boxed
Default
Fluid
Add Margins
Fullscreen Media
In Fluid Mode
Mixed
Default
Boxed
Aligned Left
Boxed
Skinny Style
Headers
Hidden Menu
Headers
Alternative Menu
Headers
All Sections

Crazy about color

Use the color section of React to modify any of the colors in your theme. React’s color structure means that your website is consistent & easier to modify.

Color Palettes

Create unlimited Color Palettes that can be applied to sections of your website to switch the colors.

Color schemes

We’ve prepared some professional Color Schemes. Flick between 22 of them to find your favorite.

Light / Dark / Primary

As a guide and for consistency, all elements are designed using React’s three color system.

Smart Color picker

React will save all your theme colors so they are always accessible when you need to use them.

Color calculation

React is built with pure CSS, so it can calculate & apply the finer color details for you.

Find and replace

You’ve loaded a Color Scheme but want to adjust the Red to Blue? No problem, use this tool.

We’ve prepared example content, check them out!
Shortcodes
Accordion Blog Buttons Icons Headers More…
Portfolios
Details on hover Image & details Image only More…
Pages
Default Blog Shop Meet the team Services Contact More…

What’s in the box?

Check out what’s included inside this great value theme. React has it covered, from easy web forms to selling online.

You’ll save over

$100

Rev Slider – $19
GoPortfolio – $23
Quform – $29
WPML – Compatible
Visual Composer – $34
WooCommerce – Compatible

Variations

Change the Skin for this Case Study

Demos

React Hub
Lens
Berri
Replika
Press
Second
View all Demos React Hub Copy current page content
[block text_align="textleft" palette="1" width="viewport" inside_max_width="1" margin_top="-114" padding_right_phone="30" padding_left_phone="30" scroll="1" use_screen_as_fixed_height="1" vertical_align_middle="1" image="2015/12/home-parrot-main-react.png" image_width="1920" image_height="1080" image_retina_use_main_img="use-new-img" image_retina="2015/12/home-parrot-devices.png" image_retina_width="1440" image_retina_height="1282" image_convert="tablet-ldsp" image_fixed="1" image_background_size="cover" image_position_retina="right top" image_background_size_retina="cover"] [fancy_header tag="h1" letter_in_animation="1" letter_animation="puffIn" size="large plus" font_size="76" margin_top="-10" margin_bottom="15" letter_spacing="-2" unit="px" bold="1"]I'm React[/fancy_header] [fancy_header tag="h5" animation="fadeIn" animation_delay="1200" size="medium" font_size="21" margin_top="-20" margin_bottom="20"]An exceptionally adaptable WordPress multi-concept theme[/fancy_header] [button animation="fadeInUp" animation_delay="3200" radius="big-corners" custom_margin="1" margin_top="5" margin_bottom="20" convert="cvt-tablet-ptr" href="#features-start" icon="fa-list" icon_location="ico-inline i-before" color="hollow-light holw-btn" background_animation="hvr-bounce-to-bottom"]Explore features[/button] [button animation="fadeInUp" animation_delay="3500" radius="big-corners" custom_margin="1" margin_top="5" margin_bottom="20" convert="cvt-tablet-ptr" href="/case-studies" icon="fa-laptop" icon_location="ico-inline i-before" color="hollow-prime holw-btn" background_animation="hvr-bounce-to-bottom"]View demos[/button] [button animation="fadeInUp" animation_delay="3800" radius="big-corners" custom_margin="1" margin_top="5" margin_bottom="20" convert="cvt-tablet-ptr" href="http://react.themecatcher.net/buy" icon="fa-download" icon_location="ico-inline i-before" color="hollow-prime holw-btn" background_animation="hvr-bounce-to-bottom"]Get 25% OFF[/button] [/block] [block id="features-start" text_align="textcenter" palette="5" width="outer" inside_max_width="1" padding_top="400" padding_bottom="270" padding_top_tablet="360" padding_bottom_tablet="290" padding_top_phone="340" padding_bottom_phone="320" image="2015/12/react-desk.jpg" image_width="1920" image_height="1200" image_background_size="cover"] [fancy_header size="large plus" text_align="textcenter" margin_top="0" margin_bottom="0" bold="1"]Explore my features[/fancy_header] [fancy_header tag="h5" animation="fadeInUp" text_align="textcenter" max_width="680" margin_top="0" margin_bottom="20"]React is a practical solution for any WordPress project. A carefully crafted creative tool for a modern & clean responsive website. Packed with the best code from web.[/fancy_header] [button hover_animation="hvr-icon-down" animation="fadeInUp" animation_delay="1000" gradient="gradient" href="#features" icon="icon-arrow-down-thick"]Continue[/button] [button animation="fadeInUp" animation_delay="1400" gradient="gradient" href="/case-studies" popup="1" icon="icon-eye" color="style-dark blank-btn"]Demos[/button] [/block] [block id="features" text_align="textleft" shadow="dropshadow-spread" palette="3" width="outer" inside_max_width="1" padding_top="25" padding_bottom="15"] [row padding="0" gaps="1" vertical_gap="1" convert="phone-width-100"] [col width="20"] [image src="2015/12/elite-author.png" width="107" align="center" hover_animation="hvr-float" animation="fadeIn" custom_margin="1" class="animated infinite pulse"] [/col] [col width="50"] [fancy_header tag="h4" text_align_convert_device="phone" text_align_convert_align="center" margin_bottom="-10" uppercase="1" bold="1"]Elite ThemeForest Author[/fancy_header] [p class="phone-text-center"]ThemeCatcher has sold over 29,000 items on the marketplace. We're dedicated to maintaining and improving our products & services.[/p] [/col] [col width="30"] [fancy_header tag="h4" text_align_convert_device="phone" text_align_convert_align="center" margin_bottom="5"]Need help?[/fancy_header] [button size="full" text_align="textleft" href="http://support.themecatcher.net" class="fw-400" popup="1" icon="fa-support" icon_location="ico-inline i-before" color="style-light blank-btn" class="phone-text-center"]Visit support site[button_drop]Get free help with creating and modifying React sites[/button_drop][/button] [/col] [/row] [/block] [block shadow="dropshadow-spread" width="outer" padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_bottom_tablet="0" padding_right_phone="0" padding_bottom_phone="0" padding_left_phone="0" text_align="textcenter"] [row padding="0" gaps="0" vertical_gap="1" convert="mobile-width-100"] [col width="33"] [block1 palette="6" padding_right="80" padding_left="80" padding_top_tablet="40" padding_right_tablet="80" padding_bottom_tablet="40" padding_left_tablet="80" padding_top_phone="40" padding_right_phone="40" padding_bottom_phone="40" padding_left_phone="40" scroll="1" fixed_height="500" fixed_height_tablet="350" vertical_align_middle="1"] [icon icon="icon-paintbrush" font_size="40" margin_top="-20px"] [fancy_header tag="h3" type="style1" size="small" margin_top="5" margin_bottom="22" uppercase="1" bold="1" text_align="textcenter"]I'm about layout & design[/fancy_header] [p]The Options include a dedicated design section where you can modify the layout, color and design of your website. Its clever features and pixel perfect accuracy is worth checking out.[/p] [a href="#layout" class="subtle-link react-smooth-scroll"]Layout, color & design[/a] [/block1] [/col] [col width="33"] [block1 palette="0" border="border b-lr" padding_right="80" padding_left="80" padding_top_tablet="40" padding_right_tablet="40" padding_bottom_tablet="40" padding_left_tablet="80" padding_top_phone="40" padding_right_phone="40" padding_bottom_phone="40" padding_left_phone="40" scroll="1" fixed_height="500" fixed_height_tablet="350" vertical_align_middle="1"] [icon icon="icon-gears" font_size="40" margin_top="-20px"] [fancy_header tag="h3" type="style1" size="small" margin_top="5" margin_bottom="22" uppercase="1" bold="1" text_align="textcenter"]I've got all the tools[/fancy_header] [p]We've integrated or supported some of the best free and premium code on the web to combine with React's powerful options. Everything you need is available at your fingertips.[/p] [a href="#included" class="subtle-link react-smooth-scroll"]What's included / supported?[/a] [/block1] [/col] [col width="33"] [block1 palette="5" padding_right="80" padding_left="80" padding_top_tablet="40" padding_right_tablet="40" padding_bottom_tablet="40" padding_left_tablet="80" padding_top_phone="40" padding_right_phone="40" padding_bottom_phone="40" padding_left_phone="40" scroll="1" fixed_height="500" fixed_height_tablet="350" vertical_align_middle="1"] [icon icon="icon-adjustments" font_size="40" margin_top="-20px"] [fancy_header tag="h3" type="style1" size="small" margin_top="5" margin_bottom="22" uppercase="1" bold="1" text_align="textcenter"]I'm your favorite theme[/fancy_header] [p]React can be used by designers as a responsive WordPress framework to create your very own concepts. Now you can design and build with WordPress faster than ever![/p] [a href="#overview" class="subtle-link react-smooth-scroll"]Features overview[/a] [/block1] [/col] [/row] [/block] [block id="overview" palette="3" width="outer" padding_top="0" padding_right="0" padding_bottom="0" padding_left="0" padding_right_phone="0" padding_left_phone="0" image="2015/12/code-feat-image.jpg" image_width="1920" image_height="1335" image_retina_use_main_img="change-position" image_convert="tablet-ldsp" image_position="right bottom" image_background_size="55% auto" image_position_retina="right bottom" image_background_size_retina="100% auto"] [row padding="0" gaps="1" vertical_gap="1" convert="mobile-width-100"] [col width="60"] [block1 padding_top="80" padding_right="40" padding_bottom="60" padding_left="40" padding_right_tablet="80" padding_left_tablet="80"] [fancy_header tag="h4" icon="fa-list" text_align_convert_device="mobile" text_align_convert_align="center" margin_top="-40" margin_bottom="0" uppercase="1" class="font-smaller"][span class="text-prime fw-300"]All features:[/span][/fancy_header] [row1 padding="0" gaps="1" vertical_gap="1" convert="units-tablet-50 phone-width-100" class="textcenter" ] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-power-off" font_size="22" color="style-light" position="center" margin_bottom="8px"] Performance optimized [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-sliders" font_size="22" color="style-light" position="center" margin_bottom="8px"] Extremely customizable [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-font" font_size="22" color="style-light" position="center" margin_bottom="8px"] Typography control [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-navicon" font_size="22" color="style-light" position="center" margin_bottom="8px"] Menu styles [/box] [/col1] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-gamepad" font_size="22" color="style-light" position="center" margin_bottom="8px"] Intuitive & easy to use [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-toggle-on" font_size="22" color="style-light" position="center" margin_bottom="8px"] 100s of options [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-code" font_size="22" color="style-light" position="center" margin_bottom="8px"] Easily add CSS [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-mobile-phone" color="style-light" font_size="22" position="center" margin_bottom="8px"] Fully responsive [/box] [/col1] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-plug" font_size="22" color="style-light" position="center" margin_bottom="8px"] Go Portfolio included [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="icon-arrow-maximise" color="style-light" font_size="22" position="center" margin_bottom="8px"] Fullscreen media [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-microphone" font_size="22" color="style-light" position="center" margin_bottom="8px"] Audio support [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-youtube" font_size="22" color="style-light" position="center" margin_bottom="8px"] Youtube & Vimeo support [/box] [/col1] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-file-o" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] 4 page templates [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-send-o" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] Drag & drop forms [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-support" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] 5 star support [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-diamond" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] Premium quality code [/box] [/col1] [/row1] [accordion style="plain inline" destroy="1" size="med"] [accordion_toggle title="View all features"] [section_break type="line" type_css_design="no-detail" margin_top="-15" margin_bottom="13"][icon icon="icon-plus" font_size="16" color="style-light" animation="fadeIn" position="center"][/section_break] [row1 padding="0" gaps="1" vertical_gap="1" convert="units-tablet-50 phone-width-100" class="textcenter" ] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-camera" font_size="22" color="style-light" position="center" margin_bottom="8px"] Many Portfolio options [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-share-alt" font_size="22" color="style-light" position="center" margin_bottom="8px"] Sharrre Plugin included [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-columns" font_size="22" color="style-light" position="center" margin_bottom="8px"] Many Header layouts [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-book" font_size="22" color="style-light" position="center" margin_bottom="8px"] Online documentation [/box] [/col1] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-twitter" font_size="22" color="style-light" position="center" margin_bottom="8px"] Twitter feed widget [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-flash" font_size="22" color="style-light" position="center" margin_bottom="8px"] Compress & Minify files [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-sitemap" font_size="22" color="style-light" position="center" margin_bottom="8px"] Multi-site supported [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-align-right" font_size="22" color="style-light" position="center" margin_bottom="8px"] Right-to-left supported [/box] [/col1] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-arrows-h" font_size="22" color="style-light" position="center" margin_bottom="8px"] Revolution Slider [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-money" font_size="22" color="style-light" position="center" margin_bottom="8px"] You'll save over $100 [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-css3" font_size="22" color="style-light" position="center" margin_bottom="8px"] Built with CSS3 [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="icon-export" font_size="22" color="style-light" position="center" margin_bottom="8px"] Import / Export [/box] [/col1] [col1 width="25" class="smaller-font uppercase"] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-shopping-cart" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] WooCommerce support [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-hand-o-up" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] One click install [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-trophy" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] Elite Author [/box] [box type="custom-boxed-item" animation="fadeIn"] [icon icon="fa-heart" font_size="22" color="style-light" position="center" margin_bottom="8px" class="tcr-none"] Designed with Love [/box] [/col1] [/row1] [/accordion_toggle] [/accordion] [/block1] [/col] [col width="40"] [block1 text_align_convert_device="mobile" text_align_convert_align="center" padding_right="80" padding_left="0" padding_bottom="380" padding_right_tablet="80" padding_left_tablet="80" padding_right_phone="40" padding_left_phone="40" padding_bottom_phone="220" padding_bottom_tablet="400"] [fancy_header text_align="textleft" text_align_convert_device="mobile" text_align_convert_align="center" margin_top="40" bold="1"]Features overview[/fancy_header] [fancy_header tag="h5" text_align_convert_device="mobile" text_align_convert_align="center" text_align="textleft" margin_top="0" margin_bottom="20"]With hundreds of options and loads of shortcodes, you’ll finally have a sleek & practical website to be proud of![/fancy_header] [button hover_animation="hvr-icon-down" gradient="gradient" icon="icon-arrow-down-thick" href="#layout" color="style-prime blank-btn"]Continue[/button] [/block1] [/col] [/row] [/block] [block text_align="textleft" shadow="dropshadow-spread" arrow="arrow left" palette="6" width="outer" padding_top="40" padding_bottom="30"] [row padding="0" gaps="1" vertical_gap="1" convert="units-tablet-50 phone-width-100"] [col width="40"] [row1 padding="0" gaps="1" vertical_gap="1" convert="none"] [col1 width="20"] [icon icon="icon-speedometer" font_size="45" color="style-dark" position="center"] [/col1] [col1 width="80"] [fancy_header tag="h5" text_align="textleft" margin_top="-7" margin_bottom="0" padding_bottom="0"]Includes options to [b]optimize performance[/b][/fancy_header] [fancy_header tag="h4" text_align="textleft" padding_top="0" margin_bottom="0" padding_bottom="0"] [icon icon="fa-check" font_size="12" color="style-dark" margin_top="6px" margin_right="6px" margin_left="6px"] [span class="text-prime"]Minify & Combine CSS + JS[/span] [icon icon="fa-check" font_size="12" color="style-dark" margin_top="6px" margin_right="6px" margin_left="6px"] [span class="text-prime"]Compatible with W3 Total Cache[/span] [/fancy_header] [/col1] [/row1] [section_break type="line" margin_top="30" margin_bottom="30" stretched="1" hide="hide-tablet,hide-desktop,hide-large" /] [/col] [col width="35"] [row1 padding="0" gaps="1" vertical_gap="1" convert="none"] [col1 width="20"] [icon icon="icon-global" font_size="45" color="style-dark" position="center"] [/col1] [col1 width="80"] [fancy_header tag="h5" text_align="textleft" margin_top="-7" margin_bottom="0" padding_bottom="0"]Translated in [b]French, Spanish & Italian[/b][/fancy_header] [flag][flag flag="United-Kingdom"][flag flag="France"][flag flag="Spain"][flag flag="Italy"] [/col1] [/row1] [/col] [col width="25"] [section_break type="line" margin_top="30" margin_bottom="30" stretched="1" hide="hide-desktop,hide-large" /] [button size="full med" radius="big-corners" custom_margin="1" gradient="gradient" class="fw-500" icon="fa-download" icon_location="ico-inline i-before" icon_reveal="1" color="style-dark shadow-btn" background_animation="hvr-sweep-to-bottom" href="http://react.themecatcher.net/buy"]Download on ThemeForest[/button] [/col] [/row] [/block] [block id="layout" border="border b-tb" palette="2" width="outer" padding_top="160" padding_bottom="100" padding_left="80" padding_bottom_tablet="80" padding_top_tablet="80" padding_bottom_phone="120" padding_top_phone="40" image="2015/12/Perspective-App-Screens-Mock-Up-react-1.png" image_width="1400" image_height="894" image_retina_use_main_img="change-position" image_convert="tablet-ptr" image_position="right bottom" image_background_size="60% auto" image_position_retina="right bottom" image_background_size_retina="80% auto"] [row padding="0" gaps="0" vertical_gap="1" convert="mobile-width-100"] [col width="60"] [fancy_header size="large" text_align="textleft" margin_top="0" margin_bottom="0" bold="1"]King of layouts[/fancy_header] [fancy_header tag="h5" text_align="textleft" max_width="620" margin_top="0" margin_bottom="0"]React specializes in responsive layouts. It can be modified into the proportions for your design - that's what makes React a professional's choice![/fancy_header] [row1 padding="0" gaps="1" vertical_gap="1" convert="mobile-width-100" class="text-prime bold"] [col1 width="30"] [list style="tick-plain" layout="stacked"] [li]Fluid Framework[/li] [li]Responsive options[/li] [li]4 base layouts[/li] [/list] [/col1] [col1 width="50"] [list style="tick-plain" layout="stacked"] [li]Many navigation options[/li] [li]Header & footer layouts[/li] [li]Unlimited possibilities[/li] [/list] [/col1] [/row1] [/col] [/row] [/block] [block arrow="arrow left" palette="5" width="outer" padding_top="50" padding_right="0" padding_bottom="60" padding_left="0" padding_right_phone="0" padding_left_phone="0" detail="large-gradient-dark-bottom" detail_opacity="10"] [fancy_header tag="h5" animation="fadeIn" size="small" text_align="textcenter" max_width="640" margin_top="0" margin_bottom="35" uppercase="1"]Check out some of these [span class="text-prime"]layout possibilities![/span][/fancy_header] [image_carousel space="10" items="6" responsive="0:1,600:2,1200:4"] [image src="2015/12/fluid.gif" width="408" use_caption="1" caption_title="Fluid" caption_subtitle="Default" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/boxed.gif" width="408" use_caption="1" caption_title="Boxed" caption_subtitle="Default" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/fluid-margin.gif" width="408" use_caption="1" caption_title="Fluid" caption_subtitle="Add Margins" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/fluid-media-bg.gif" width="408" use_caption="1" caption_title="Fullscreen Media" caption_subtitle="In Fluid Mode" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/mixed.gif" width="408" use_caption="1" caption_title="Mixed" caption_subtitle="Default" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/boxed-left.gif" width="408" use_caption="1" caption_title="Boxed" caption_subtitle="Aligned Left" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/boxed-thin.gif" width="408" use_caption="1" caption_title="Boxed" caption_subtitle="Skinny Style" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/header-device-nav-center-logo.gif" width="408" use_caption="1" caption_title="Headers" caption_subtitle="Hidden Menu" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/header-solo-nav.gif" width="408" use_caption="1" caption_title="Headers" caption_subtitle="Alternative Menu" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [image src="2015/12/header-many-navs.gif" width="408" use_caption="1" caption_title="Headers" caption_subtitle="All Sections" caption_overlay="hover-dark" caption_type="cap-slide-in" frame="grid"] [/image_carousel] [/block] [block text_align="textcenter" palette="4" width="outer" padding_right="0" padding_bottom="20" padding_left="0" padding_right_phone="10" padding_left_phone="10" detail="shadow-sides" detail_opacity="30"] [fancy_header size="large" text_align="textcenter" margin_top="80" margin_bottom="0" bold="1"]Crazy about color[/fancy_header] [fancy_header tag="h5" animation="fadeInUp" text_align="textcenter" max_width="680" margin_top="0" margin_bottom="-10"]Use the color section of React to modify any of the colors in your theme. React's color structure means that your website is consistent & easier to modify.[/fancy_header] [block1 text_align="textleft" padding_right_phone="0" padding_left_phone="0"] [row padding="0" gaps="1" vertical_gap="1"] [col width="30" class="textright"] [row1 padding="0" gaps="1" convert="none"] [col1 width="66"][fancy_header tag="h3" animation="fadeIn" margin_top="10" margin_bottom="-10" uppercase="1"]Color Palettes[/fancy_header] [p class="smaller-font"]Create unlimited Color Palettes that can be applied to sections of your website to switch the colors.[/p][/col1] [col1 width="33" class="textleft"] [image src="2015/12/color-palettes.png" width="90" animation="fadeIn" frame="round-img"] [/col1] [/row1] [row1 padding="0" gaps="1" convert="none"] [col1 width="66"][fancy_header tag="h3" animation="fadeIn" margin_top="10" margin_bottom="-10" uppercase="1"]Color schemes[/fancy_header] [p class="smaller-font"]We've prepared some professional Color Schemes. Flick between 22 of them to find your favorite.[/p][/col1] [col1 width="33" class="textleft"] [image src="2015/12/color-schemes.png" width="90" animation="fadeIn" frame="round-img"] [/col1] [/row1] [row1 padding="0" gaps="1" convert="none"] [col1 width="66"][fancy_header tag="h3" animation="fadeIn" margin_top="10" margin_bottom="-10" uppercase="1"]Light / Dark / Primary[/fancy_header] [p class="smaller-font"]As a guide and for consistency, all elements are designed using React's three color system.[/p][/col1] [col1 width="33" class="textleft"] [image src="2015/12/light-dark-primary.png" width="90" animation="fadeIn" frame="round-img"] [/col1] [/row1] [/col] [col width="40"] [image src="2015/12/iPhone-template-with-logo.png" width="440" align="center" animation="bounceIn" custom_margin="1" margin_top="20" margin_bottom="40"] [/col] [col width="30"] [row1 padding="0" gaps="1" convert="none"] [col1 width="33" class="textright"] [image src="2015/12/color-picker.png" width="90" animation="fadeIn" frame="round-img"] [/col1] [col1 width="66"][fancy_header tag="h3" animation="fadeIn" margin_top="10" margin_bottom="-10" uppercase="1"]Smart Color picker[/fancy_header] [p class="smaller-font"]React will save all your theme colors so they are always accessible when you need to use them.[/p][/col1] [/row1] [row1 padding="0" gaps="1" convert="none"] [col1 width="33" class="textright"] [image src="2015/12/color-calculation.png" width="90" animation="fadeIn" frame="round-img"] [/col1] [col1 width="66"][fancy_header tag="h3" animation="fadeIn" margin_top="10" margin_bottom="-10" uppercase="1"]Color calculation[/fancy_header] [p class="smaller-font"]React is built with pure CSS, so it can calculate & apply the finer color details for you.[/p][/col1] [/row1] [row1 padding="0" gaps="1" convert="none"] [col1 width="33" class="textright"] [image src="2015/12/replace-colors.png" width="90" animation="fadeIn" frame="round-img"] [/col1] [col1 width="66"][fancy_header tag="h3" animation="fadeIn" margin_top="10" margin_bottom="-10" uppercase="1"]Find and replace[/fancy_header] [p class="smaller-font"]You've loaded a Color Scheme but want to adjust the Red to Blue? No problem, use this tool.[/p][/col1] [/row1] [/col] [/row] [/block1] [/block] [block text_align="textcenter" palette="8" width="outer" padding_top="15" padding_bottom="15" detail="six-dark" detail_opacity="10"] [fancy_header tag="h5" animation="fadeIn" size="small" text_align="textcenter" max_width="660" margin_top="0" margin_bottom="8" uppercase="1"]We've prepared example content, check them out![/fancy_header] [row padding="0" gaps="1" vertical_gap="1" convert="phone-width-100"] [col width="33"] [button palette="1" size="full" href="/shortcodes" popup="1" icon="fa-code" icon_location="ico-inline i-before"]Shortcodes[button_drop] [a class="subtle-link block uppercase smaller-font" href="/shortcodes/accordion"]Accordion[/a] [a class="subtle-link block uppercase smaller-font" href="/shortcodes/blog"]Blog[/a] [a class="subtle-link block uppercase smaller-font" href="/shortcodes/buttons"]Buttons[/a] [a class="subtle-link block uppercase smaller-font" href="/shortcodes/icons"]Icons[/a] [a class="subtle-link block uppercase smaller-font" href="/shortcodes/fancy-headers"]Headers[/a] [a class="subtle-link block uppercase smaller-font" href="/shortcodes"]More...[/a] [/button_drop][/button] [/col] [col width="33"] [button palette="1" size="full" href="/portfolio" popup="1" icon="fa-camera" icon_location="ico-inline i-before"]Portfolios[button_drop] [a class="subtle-link block uppercase smaller-font" href="/portfolio/full-width/details-on-hover"]Details on hover[/a] [a class="subtle-link block uppercase smaller-font" href="/portfolio/full-width/image-details"]Image & details[/a] [a class="subtle-link block uppercase smaller-font" href="/portfolio/full-width/image-only"]Image only[/a] [a class="subtle-link block uppercase smaller-font" href="/portfolio"]More...[/a] [/button_drop][/button] [/col] [col width="33"] [button palette="1" size="full" href="/pages" popup="1" icon="fa-file-text-o" icon_location="ico-inline i-before"]Pages[button_drop] [a class="subtle-link block uppercase smaller-font" href="/blog"]Default Blog[/a] [a class="subtle-link block uppercase smaller-font" href="/shop"]Shop[/a] [a class="subtle-link block uppercase smaller-font" href="/pages/meet-the-team-1"]Meet the team[/a] [a class="subtle-link block uppercase smaller-font" href="/pages/services"]Services[/a] [a class="subtle-link block uppercase smaller-font" href="/pages/contact-1"]Contact[/a] [a class="subtle-link block uppercase smaller-font" href="/pages"]More...[/a] [/button_drop][/button] [/col] [/row] [/block] [block id="included" arrow="arrow bottom" palette="5" text_align="textcenter" width="outer" padding_top="0" padding_bottom="0" margin_bottom="40"] [row padding="1" gaps="1" borderl="1" vertical_gap="1" convert="mobile-width-100"] [col width="30"] [fancy_header margin_top="36" text_align="textcenter" bold="1"]What's in the box?[/fancy_header] [/col] [col width="50"] [fancy_header tag="h5" animation="fadeIn" text_align="textleft" text_align_convert_device="mobile" text_align_convert_align="center" margin_top="30" margin_bottom="30"]Check out what's included inside this great value theme. React has it covered, from easy web forms to selling online.[/fancy_header] [/col] [col width="20"] [fancy_header tag="h4" text_align="textcenter" margin_top="26" uppercase="1"]You'll save over[/fancy_header] [fancy_header tag="h2" margin_top="-15" margin_bottom="19" text_align="textcenter" bold="1"]$100[/fancy_header] [/col] [/row] [/block] [block width="outer" text_align="textcenter" padding_right="0" padding_left="0" padding_top="0" padding_bottom="0" margin_top="0" margin_bottom="0"] [row borderl="1" borderb="1" convert="phone-width-100" vertical_gap="1" min_height="220px"] [col width="33"] [image src="2015/07/slider-rev.png" width="205" align="center" icon="fa-eye" caption_type="cap-slide-in"] [i class="text-alt"]Rev Slider[/i] - [b]$19[/b] [/col] [col width="33"] [image src="2015/07/goportfolio.png" width="65" align="center" icon="fa-eye" caption_type="cap-slide-in"] [i class="text-alt"]GoPortfolio[/i] - [b]$23[/b] [/col] [col width="33"] [image src="2015/07/quform.png" width="135" align="center" icon="fa-eye" caption_type="cap-slide-in"] [i class="text-alt"]Quform[/i] - [b]$29[/b] [/col] [/row] [row borderl="1" convert="phone-width-100" vertical_gap="1" min_height="220px"] [col width="33"] [image src="2015/07/wpml.png" width="205" align="center" icon="fa-eye" caption_type="cap-slide-in"] [i class="text-alt"]WPML[/i] - Compatible [/col] [col width="33"] [image src="2015/07/vc.png" width="205" align="center" icon="fa-eye" caption_type="cap-slide-in"] [i class="text-alt"]Visual Composer[/i] - [b]$34[/b] [/col] [col width="33"] [image src="2015/07/woocom.png" width="205" align="center" icon="fa-eye" caption_type="cap-slide-in"] [i class="text-alt"]WooCommerce[/i] - Compatible [/col] [/row] [/block]
Download - $44