Skip to main content

React Islands Demo

Interactive component library showcasing scroll animations, spotlight effects, and animated counters.

ScrollReveal Component

Elements animate smoothly into view as you scroll down the page. Supports multiple directions and customizable timing.

From Left

This card slides in from the left side.

From Below

This card slides in from the bottom.

From Right

This card slides in from the right side.

SpotlightCard Component

Cards with mouse-tracking spotlight effect for a premium, interactive experience. Move your cursor over the cards to see the effect.

Teachings

Explore our collection of faith-building teachings and Biblical insights.

View All

Testimonies

Read powerful stories of healing and God's miraculous work.

View All

Missions

Join us in spreading God's love across the nations.

View All

GlowButton Component

Buttons with mouse-tracking glow effect for premium call-to-actions.

Primary Button Secondary Button

AnimatedCounter Component

Numbers that animate up to their target value when scrolled into view. Perfect for impact statistics.

0+
Teachings
0+
Testimonies
0
Missions
0
Years of Ministry

StatCard Variant

0+
Teachings
0+
Testimonies
0
Missions
0+
Lives Touched

MinistryStats Variants

Pre-configured ministry statistics display with three different variants.

Inline Variant

0+
Teachings
0+
Testimonies
0
Missions

Cards Variant (Default)

0+
Teachings
0+
Testimonies
0
Mission Trips
0
Countries

Hero Variant (for dark backgrounds)

0+
Teachings
0+
Testimonies
0
Missions

Ready to Explore?

These components are now integrated throughout the website for an enhanced user experience.

Return to Homepage