Trendy Theme Module is a premium front-end theme add-on for Stockifly SAAS – Billing & Inventory Management with POS and Online Shop that transforms your SaaS touchdown web page with a shocking darkish UI, {smooth} animations, glassmorphism results, and a completely responsive trendy design.
Vital Be aware: That is NOT a standalone script. It’s an add-on that requires Stockifly SAAS – Billing & Inventory Management with POS and Online Shop to be put in and operating. It won’t work independently.
|
 |
|
|
How It Works
Swap to the Trendy Theme in 3 easy steps:
- Obtain & Extract: Obtain the theme module from CodeCanyon and extract the ZIP file
- Copy to Root: Copy the contents of the extracted folder into your Stockifly SAAS root listing
- Activate: Add
FRONT_THEME="trendy"to your .env file — that’s it!
Animated Hero Part
- Animated Background Grid: Delicate grid sample with gradient orbs and glowing particles for a premium visible backdrop
- Rotating SVG Circles: Multi-color gradient circles with steady rotation and staggered animation timing
- 3D Browser Mockup: Interactive tilt impact on the hero browser card utilizing VanillaTilt library with real looking perspective
- Glowing Border Animation: Animated gradient border on the browser mockup with shimmer and reflection results
- Browser Chrome UI: Life like window controls with pink, yellow, and inexperienced buttons with tender glowing shadows
Darkish Mode Design
- Skilled Darkish UI: Modern darkish shade palette with fastidiously crafted distinction ratios for optimum readability
- Glassmorphism Results: Trendy backdrop blur, semi-transparent playing cards, and layered depth all through the design
- Gradient Accents: Blue, purple, cyan, and emerald gradient accents for visible hierarchy and trendy aesthetics
- CSS Customized Properties: HSL-based shade system with opacity variants for constant theming
- Glow & Shadow Results: Multi-layer shadows and glow results on playing cards, buttons, and interactive components
Easy Animations & Results
- Scroll-Triggered Animations: Components gracefully animate into view with fade-in, scale, and slide transitions on viewport entry
- Staggered Delays: CSS variable-based staggered animation delays for sequential entrance results throughout card grids
- Lenis Easy Scrolling: Buttery-smooth web page scrolling with pure deceleration curves for a premium really feel
- Hover Interactions: Highlight hover results on playing cards, scale transitions on photographs, and raise animations on buttons
- Textual content Animations: Animated textual content results on part titles and hero headings
Testimonials with Infinite Marquee
- Twin Marquee Rows: Two rows of testimonials scrolling in reverse instructions for visible curiosity
- Seamless Infinite Loop: Content material duplicated 3x for {smooth}, gap-free steady scrolling
- Star Rankings: Dynamic 5-star ranking show for every testimonial
- Consumer Avatars: Round profile photographs with styled borders
- Shopper Brand Marquee: Steady scrolling model logos on the homepage
Interactive Pricing Part
- Month-to-month/Yearly Toggle: Animated billing interval switcher with {smooth} thumb transition
- Well-liked Plan Badge: Distinctive highlighted badge for the really useful pricing plan
- Function Checklists: Inexperienced checkmark icons for included options in every plan
- 3-Column Grid: Responsive pricing playing cards with hover results and shadow transitions
- Dynamic Pricing Knowledge: All plans and costs loaded out of your Stockifly SAAS admin panel
Totally Responsive Design
- Cell-First Strategy: Pixel-perfect responsiveness throughout all display sizes (sm, md, lg, xl breakpoints)
- Cell Navigation Drawer: Devoted hamburger menu with animated open/shut transitions and overlay backdrop
- Cell Language Accordion: Collapsible language selector optimized for cell contact interplay
- Adaptive Grid Layouts: Playing cards and sections robotically regulate from 3 columns to 2 to 1 column primarily based on display width
- Contact-Pleasant Components: All buttons, hyperlinks, and interactive components sized for snug contact targets
All Pages Redesigned
- Homepage: Animated hero with browser mockup, consumer logos, alternating options, testimonial marquees, and CTA part
- Options Web page: 3-column responsive function grid with icon photographs, highlight hover results, and staggered animations
- Pricing Web page: Month-to-month/yearly toggle, pricing playing cards with common badge, function checklists, and FAQ accordion
- Contact Web page: 3-column information playing cards, AJAX-powered contact type, social media icons, and floating ornamental components
- Registration Web page: Cut up-screen structure with function advantages grid, subdomain enter, and real-time AJAX type validation
- Electronic mail Verification Web page: Animated SVG success checkmark with stroke animations, floating particles, and success/error states
- Dynamic Pages: Customized web page template for any CMS pages created from the admin panel
Navigation & Format
- Mounted Sticky Header: Navigation bar stays seen on scroll with fade-in animation
- Multi-Column Footer: Brand, product hyperlinks, web page hyperlinks, and phone info organized in columns
- Social Media Icons: Fb, Twitter, LinkedIn, Instagram, and YouTube icons in footer and phone web page
- Footer Watermark: Giant semi-transparent model textual content for added visible identification
- Background Grid Sample: Delicate dot grid overlay all through the location for depth
CTA & Conversion Components
- Name-to-Motion Part: Eye-catching CTA with ornamental animated circles and floating dots
- Electronic mail Enter Field: Inline electronic mail type with built-in submit button
- Stats Show: Key metrics with checkmark icons to construct belief
- Privateness Badge: Lock icon with safety message for person confidence
Admin Panel Integration
- CMS-Powered Content material: All headings, descriptions, options, and testimonials loaded out of your admin panel
- Dynamic Pricing: Subscription plans and pricing pulled immediately out of your Stockifly SAAS database
- Brand & Branding: Web site brand, favicon, and model colours configured from admin settings
- Social Hyperlinks: Fb, Twitter, LinkedIn, Instagram, YouTube URLs from admin configuration
- Contact Info: Electronic mail, telephone, and tackle displayed from admin settings
Expertise Stack
- Tailwind CSS: Utility-first CSS framework for maintainable, responsive styling
- Lenis: Easy scroll library for premium web page scrolling expertise
- VanillaTilt: Light-weight 3D tilt impact library for interactive components
- Inter Font: Clear, trendy typeface from Google Fonts optimized for display readability
- Laravel Blade: Native Laravel templating with dynamic knowledge binding
Straightforward Theme Switching
- One-Line Configuration: Merely set
FRONT_THEME="trendy"in your .env file to activate - Immediate Swap: Change
FRONT_THEMEto"entrance"to revert to the default theme — no cache clearing wanted - Non-Damaging: Each themes coexist — swap freely between trendy and default with out dropping something
Full Function Checklist
- Darkish mode skilled UI design
- Glassmorphism card results with backdrop blur
- Animated hero part with background grid and gradient orbs
- 3D tilt browser mockup with VanillaTilt
- Rotating SVG circle animations
- Glowing border and shimmer results
- Scroll-triggered entrance animations
- Staggered animation delays
- Lenis {smooth} scrolling
- Infinite marquee testimonials (twin course)
- Shopper brand marquee
- Star ranking show
- Month-to-month/yearly pricing toggle
- Well-liked plan badge
- Function checklists with icons
- FAQ accordion part
- AJAX-powered contact type
- AJAX registration with real-time validation
- Cut up-screen registration structure
- Subdomain enter discipline assist
- Animated SVG electronic mail verification web page
- Floating particle results
- Mounted sticky navigation bar
- Cell hamburger menu with drawer
- Cell language accordion
- Multi-column footer with social icons
- Footer watermark branding
- CTA part with stats and electronic mail enter
- Multi-language assist with switcher
- All content material from admin panel (CMS)
- Dynamic pricing from subscription plans
- Social media integration
- Inter font household
- Tailwind CSS framework
- CSS customized properties (HSL)
- Totally responsive (cell, pill, desktop)
- Contact-friendly interactive components
- One-line .env theme activation
- Non-destructive theme switching
- 7 totally redesigned pages
- 6 reusable part partials
Necessities
This Add-On Requires
Set up
- Obtain and extract the ZIP file from CodeCanyon
- Copy the contents of Stockifly-SAAS-theme-modern-1.0.0 folder to your Stockifly SAAS root listing
- Add
FRONT_THEME="trendy"to your .env file - Go to your web site — the Trendy Theme is now energetic!
Reminder: This add-on requires Stockifly SAAS – Billing & Inventory Management with POS and Online Shop to be put in. It’s not a standalone product.
