Skip to main content

Introduction

EDL (Evlop Design Language) is a declarative UI framework that allows you to build user interfaces using JSX-like syntax with dynamic data binding capabilities. It combines the simplicity of markup with powerful reactive programming features.

Key Features​

  • JSX-like syntax for component composition
  • Dynamic data binding and expressions
  • Built-in control flow directives
  • Rich set of pre-built components
  • Theme system integration
  • Styled-system props support

Basic Example​

<Container>
  <Heading>Welcome to EDL</Heading>
  <Text>This is a simple example showing EDL syntax</Text>
  <Button 
    onClick={() => setState('counter', state.counter + 1)}
    buttonStyle="filled"
  >
    Click me
  </Button>
</Container>