Templates
Beautiful, responsive templates built with modern web technologies. Perfect for developers and designers looking to jumpstart their projects.
33
Templates Available
1
Free Templates
100%
Mobile Responsive
Free Templates
Creative Portfolio Template
Full TemplatesA sleek portfolio template to highlight your creative journey and accomplishments.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Hero Section with Introduction
- Skills Section
- Experience Section
- +6 more features
By srinathg8/10/2024
Free
Pro Templates
Hero Bars
Hero SectionsAnimated vertical bars with wave effects and centered title overlay. Visually striking hero background with symmetrical scaling.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Animated vertical bars with wave motion
- Symmetrical scaling from center
- Customizable gradient colors
- +3 more features
By ruixen1/10/2025
Pro
Hero Mobile Showcase
Hero SectionsA hero section with animated split text and centered mobile phone mockup. Perfect for app landing pages.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Animated split text effect
- Centered mobile phone mockup
- Smooth entrance animations
- +2 more features
By ruixen1/12/2025
Pro
Hero Cursor Cards
Hero SectionsA hero section with floating cursor pointers, following cursor effect, three overlapping cards in diamond layout, and logo cloud.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Floating cursor pointers
- Mouse-following effect
- Overlapping diamond card layout
- +2 more features
By ruixen1/14/2025
Pro
Hero Dot Pattern
Hero SectionsA hero section with dot pattern background, fixed navbar with scroll-aware styling, logo cloud slider, and themed dashboard preview.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Dot pattern background
- Scroll-aware fixed navbar
- Logo cloud slider
- +2 more features
By ruixen1/16/2025
Pro
Hero Tabs Dashboard
Hero SectionsA hero section with tabbed feature navigation, dashboard sidebar preview, junction dot accents, and crosshatch background pattern.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Tabbed feature navigation
- Dashboard sidebar preview
- Junction dot accents
- +2 more features
By ruixen1/18/2025
Pro
Testimonials Split Tabs
TestimonialsAn elegant split-view testimonial component with animated image tabs that expand on hover. Perfect for showcasing client feedback.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Smooth hover-to-activate animations
- Split-view layout with image and quote
- Keyboard navigation support
- +3 more features
By ruixen1/15/2025
Pro
Testimonials World Map
TestimonialsA stunning world map visualization that displays testimonials distributed by country. Features 3D globe effect on mobile.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Interactive world map visualization
- Country-based testimonial placement
- 3D globe curve effect on mobile
- +3 more features
By ruixen1/20/2025
Pro
Scroll FX Gallery
AnimationsA Three.js-powered cinematic scroll-driven media gallery with focus detection and dynamic text. Infinite scroll with images and videos.
Next.jsReactThree.js@react-three/fiber+1 more
Key Features:
- Mixed images and videos (MP4, WebM)
- Infinite scrolling
- Automatic focus detection
- +3 more features
By ruixen1/22/2025
Pro
Scroll FX Timeline
AnimationsA scroll-driven timeline component with visual effects and animated progress indicators.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Scroll-driven animations
- Timeline progress indicator
- Visual effects on scroll
- +2 more features
By ruixen1/24/2025
Pro
Scroll Split Video Gallery
AnimationsA split-screen video gallery with scroll interaction and responsive design. Perfect for showcasing video content.
Next.jsReactTypeScriptTailwind CSS
Key Features:
- Split-screen layout
- Scroll-driven video playback
- Responsive design
- +2 more features
By ruixen1/26/2025
Pro
Bloom Text
AnimationsText with blooming flower animation effect. A beautiful way to highlight important text with organic motion.
Next.jsReactTypeScriptTailwind CSS
Key Features:
- Blooming flower animation
- CSS-only animations
- Dark mode support
- +2 more features
By ruixen1/28/2025
Pro
CTA Meteor
CTA SectionsA cinematic CTA section with meteor animation that falls and expands. Features gradient effects and particle animations.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Cinematic meteor falling animation
- Width expansion effect after impact
- Floating particle system
- +3 more features
By ruixen2/1/2025
Pro
Project Title Morph
AnimationsA morphing project title animation component with button interaction. Text transforms smoothly between states.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Text morphing animation
- Button interaction trigger
- Smooth state transitions
- +2 more features
By ruixen2/3/2025
Pro
Apple Mega Nav
NavigationApple-style mega navigation menu with accordion and sheet support. Clean, minimal design with smooth animations.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Apple-style mega menu
- Accordion support
- Mobile sheet navigation
- +3 more features
By ruixen2/5/2025
Pro
Instagram Stories
InteractiveA fully-featured Instagram Stories component with progress bars, video support, swipe navigation, and like/reply actions.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Animated avatar trigger with gradient ring
- Progress bars for each story
- Support for images and videos
- +3 more features
By ruixen2/7/2025
Pro
Map Location Picker
InteractiveAn interactive map component with location cards, pagination, and real-time selection using Leaflet.
Next.jsReactTypeScriptTailwind CSS+3 more
Key Features:
- Interactive map with markers
- Location cards with details
- Pagination support
- +3 more features
By ruixen2/9/2025
Pro
Models Carousel
InteractiveA carousel component for displaying models like AI models or product variants with smooth transitions.
Next.jsReactTypeScriptTailwind CSS
Key Features:
- Smooth carousel transitions
- Model/variant display
- Navigation controls
- +2 more features
By ruixen2/11/2025
Pro
Accordion with Image Tooltip
InteractiveAn accordion component with image tooltips on hover. Combines information hierarchy with visual previews.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Accordion with tooltips
- Image preview on hover
- Smooth expand/collapse
- +2 more features
By ruixen2/13/2025
Pro
Flicker Footer
FootersA sticky reveal footer with tube light flicker animation effect on headline text. Eye-catching and memorable.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Sticky reveal on scroll
- Tube light flicker animation
- Headline text effect
- +2 more features
By ruixen2/15/2025
Pro
Footer Reveal
FootersA sticky reveal footer with navigation, hero typography, and optional images that reveals on scroll.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Sticky reveal animation
- Hero typography
- Optional background images
- +2 more features
By ruixen2/17/2025
Pro
Feature Bento Grid
Bento GridsA beautiful bento grid layout for showcasing features with corner accents, dot patterns, and various card styles.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Bento grid layout
- Corner plus accents
- Dot pattern backgrounds
- +3 more features
By ruixen2/19/2025
Pro
Services Bento Grid
Bento GridsA bento grid layout for services with dashboard preview, stats, testimonial, kanban board, and resource usage cards.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Dashboard preview card
- Stats display
- Testimonial integration
- +2 more features
By ruixen2/21/2025
Pro
Workflow Bento Grid
Bento GridsA bento grid layout showcasing workflow automation features with connected cards, status indicators, and dot patterns.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Connected workflow cards
- Visual connection lines
- Status indicators with AI badges
- +2 more features
By ruixen2/23/2025
Pro
Services Interactive Cards
ServicesA services section with three interactive cards showcasing AI task breakdown, team workflow diagram, and automated engagement.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- SignalCard with AI task breakdown
- SequenceCard with workflow diagram
- AutomateCard with carousel
- +2 more features
By ruixen2/25/2025
Pro
Services Scroll
ServicesA scroll-driven services section with animated cards that stack and transform as you scroll.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Scroll-driven animations
- Stacking card effect
- Transform on scroll
- +2 more features
By ruixen2/27/2025
Pro
Stats Counter
StatsAn animated stats section with scroll-triggered number counters, customizable values, and responsive grid layout.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Scroll-triggered animation
- Smooth number counter animation
- Customizable stats with suffixes
- +3 more features
By ruixen3/1/2025
Pro
Stats Row
StatsA horizontal stats section with staggered animations, vertical dividers, and descriptions for each metric.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Horizontal layout
- Staggered animations
- Vertical dividers
- +2 more features
By ruixen3/3/2025
Pro
Logo Cloud Animated
Logo CloudsAn animated logo cloud with cycling logos, grid layout, and corner plus icons. Perfect for showcasing partners.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Cycling logo animation
- Grid layout
- Corner plus icons
- +2 more features
By ruixen3/5/2025
Pro
Integrations Grid
GridsA responsive grid layout showcasing integration cards with brand logos, titles, and descriptions.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Integration cards
- Brand logos support
- Responsive grid
- +2 more features
By ruixen3/7/2025
Pro
Masonry Grid
GridsA responsive masonry grid layout with scroll-driven animations and hover effects using GSAP.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Masonry layout
- Scroll-driven animations
- Hover effects
- +2 more features
By ruixen3/9/2025
Pro
Changelog Section
SectionsA changelog section component with version badges, dates, and entry cards. Track your product updates beautifully.
Next.jsReactTypeScriptTailwind CSS+1 more
Key Features:
- Version badges
- Date display
- Entry cards
- +2 more features
By ruixen3/11/2025
Pro
FAQ Section
SectionsA customizable FAQ accordion section with multiple variants, icons, and smooth animations.
Next.jsReactTypeScriptTailwind CSS+2 more
Key Features:
- Multiple variants
- Icon support
- Smooth animations
- +2 more features
By ruixen3/13/2025
Pro
Ruixen Pro
Ship faster with
premium templates
32+ production-ready components, templates, and blocks. Lifetime updates included.
$59one-time