Skip to main content
Salla Logo

​
Welcome to Theme Raed

Theme Raed is the starting point for developers to design themes for merchant stores that reflect the uniqueness of each store on the Salla Platform. Custom themes make it easier for developers to tailor the merchant’s store to its changing demands over time.

Getting started

Learn what Theme Raed is and what you need to get started

Installation

Install Theme Raed via Salla Partners Portal or Salla CLI

GitHub Repository

Explore the source code and contribute to the project

Official Documentation

Read the complete Twilight Themes documentation

​
What is Theme Raed?

Theme Raed is shipped as the default theme along with the Twilight Themes engine, which is Salla’s powerful theming system for creating customizable e-commerce themes for the Salla Platform.

​
Key features

Twig templating

Built with the powerful Twig template engine for flexible and maintainable code

TailwindCSS styling

Modern utility-first CSS framework with custom Salla theme configuration

14+ pre-built components

Ready-to-use theme features including product sliders, testimonials, and photo galleries

5 custom components

Easily customizable components including brands display, enhanced sliders, and quick links

Responsive design

Mobile-first approach with breakpoints optimized for all screen sizes

Webpack build system

Production-ready build pipeline with SCSS, PostCSS, and JavaScript bundling

​
Theme features

Theme Raed comes with a comprehensive set of pre-defined components that you can configure through the twilight.json file:
  • Youtube - Display YouTube videos on your store
  • Fixed Banner - Showcase important banners in a fixed position
  • Testimonials - Display customer reviews and testimonials
  • Parallax background - Create engaging 2D parallax effects
  • Photos slider - Image carousel for product galleries
  • Store Features - Highlight store capabilities and benefits
  • Square photos - Display images in uniform square layouts
  • Fixed products - Pin specific products to always display
  • Products slider - Navigate through products horizontally or vertically
  • Featured products - Three distinct styles for showcasing featured items
  • Latest Products - Automatically display newest additions
  • Vertical menu with slider - Combined navigation and content slider

​
Custom components

In addition to theme features, Theme Raed includes customizable components that you can easily modify:
  • Brands - Display brand logos in an attractive layout
  • Enhanced Squared Image - Advanced square image display with animations
  • Main links - Quick navigation links to important pages
  • Enhanced Slider - Advanced slider with custom animations and overlays
  • Slider products with header - Product carousel with customizable headers

​
Technology stack

Theme Raed is built with modern web technologies:
package.json
{
  "dependencies": {
    "animejs": "^3.2.1",
    "fslightbox": "^3.7.3",
    "lite-youtube-embed": "^0.2.0",
    "mmenu-light": "^3.0.9",
    "sweetalert2": "^11.26.17"
  },
  "devDependencies": {
    "@salla.sa/twilight": "^2.14.363",
    "@salla.sa/twilight-components": "^2.14.363",
    "@salla.sa/twilight-tailwind-theme": "^2.14.363",
    "tailwindcss": "^3.4.19",
    "webpack": "^5.103.0"
  }
}

​
Support and community

Report a bug

Found an issue? Let us know on GitHub

Request a feature

Have an idea? Share it with the community

Join Telegram

Connect with other Salla developers
Theme Raed is open source and licensed under the MIT License. Contributions are welcome!

Build docs developers (and LLMs) love

Get started for freeTalk to us