PHPackages                             sikessem/html - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. sikessem/html

ActiveLibrary[Templating & Views](/categories/templating)

sikessem/html
=============

A modern, minimalist and powerful template engine to write HTML, CSS, and JS together in .vw files. Inspired by Blade, JSX and others. Built for Sikessem, but usable with any PHP project.

02PHPCI failing

Since Jan 26Pushed 3mo ago1 watchersCompare

[ Source](https://github.com/Sikessem/View)[ Packagist](https://packagist.org/packages/sikessem/html)[ RSS](/packages/sikessem-html/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependenciesVersions (1)Used By (0)

[![Sikessem](https://github.com/sikessem/art/raw/HEAD/images/logo.svg)](https://github.com/sikessem "Sikessem")'s Template Engine
=================================================================================================================================

[](#s-template-engine)

**View** is a modern, elegant, and powerful template engine. Inspired by Blade, JSX, Twig, and other popular engines, it smartly merges HTML, CSS, and JavaScript/TypeScript into .vw files, enabling structured, dynamic, and maintainable code generation.

Designed for the [Sikessem](https://github.com/sikessem "Sikessem") ecosystem yet completely standalone, View can be integrated into any project — whether it's built with PHP, JavaScript, Python, or another language. It stands as a serious alternative to JSX/TSX or Blade/Twig, offering a clean, modular, and intuitive syntax that seamlessly bridges frontend and backend development.

[![php-icon](https://camo.githubusercontent.com/a495e2521c355902af00ccd3ecc96905dc4335c9a03687e724ec13c185f3ed64/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322d6363632e7376673f7374796c653d666c6174266c6f676f3d706870)](https://github.com/sikessem/view/search?l=php "PHP code")[![packagist-version-icon](https://camo.githubusercontent.com/7dd80b65469cf3bca52078b1fcce395c542c2638c72f4086d1834fec2b9ba76e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73696b657373656d2f76696577)](https://packagist.org/packages/sikessem/view "View Releases")[![packagist-download-icon](https://camo.githubusercontent.com/6b2b249fc2c40c5a36c99941d4b5727b7bc816e23486a9d6664ba2199703095e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73696b657373656d2f76696577)](https://packagist.org/packages/sikessem/view "View Downloads")[![license-icon](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://github.com/sikessem/view/blob/HEAD/LICENSE "View License")[![actions-icon](https://github.com/sikessem/view/workflows/CI/badge.svg)](https://github.com/sikessem/view/actions "View status")[![twitter-icon](https://camo.githubusercontent.com/c53701b996bfb931dec8dd24508cac2beb06fdb15585aa71ff2e7158fff0395b/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f666f6c6c6f772f73696b657373656d2e7376673f6c6162656c3d4053696b657373656d4851)](https://twitter.com/intent/follow?screen_name=SikessemHQ "Ping Sikessem")

[Read the documentation to learn more](https://sikessem.github.io/packages/view "View Documentation").

An example to see how the code works :

- The `View` code

```

[lang="fr"]
{color:red;}
(

    (
        [charset="UTF-8"]
        (View source)
    )

    (
        [id="main-content"]{color:blue}(Welcome to View !)
    )
)

```

- The equivalent `HTML5` code

```
>

        View source

        html
        {
            color: red;
        }
        p#main-content
        {
            color: blue;
        }

        Welcome to View !

```

The equivalent `PHP5` code

```