# effnd.tech 

> Self-confident frontend

Simple solutions for typical tasks

## Table of Contents

### EffCSS

- [Untitled](/css.md)
- [Guide](/css/guide.md): How to install and use EffCSS
- [Client side rendering](/css/client.md): How to use the library on the client side
- [Server side rendering](/css/server.md): How to use the library on the server side
- [Lazy mode](/css/lazy.md): How to use EffCSS lazy mode
- [Recipes](/css/recipes.md): Recipes for using EffCSS
- [Convert existing CSS](/css/convert.md)

#### V4

- [Overview](/css/v4/overview.md): Basic concepts and comparison with analogues
- [Getting started](/css/v4/getting-started.md): How to install and use library
- [Utilities](/css/v4/utilities.md): How to simplify the creation of style sheets using utilities
- [CSS-in-TS](/css/v4/types.md): How to use TypeScript features when creating and using styles
- [BEM types](/css/v4/bem.md): How to use TypeScript features when creating and using BEM styles
- [Server side usage](/css/v4/server.md): How to use the library on the server side
- [Customization](/css/v4/customize.md): How to configure style generation and global variables
- [Convert existing CSS](/css/v4/convert.md)
- [Developer tools](/css/v4/devtools.md): How to install and use the browser extension
- [Recipes](/css/v4/recipes.md): Recipes for using EffCSS

#### V3

- [Utilities](/css/v3/utilities.md): How to simplify stylesheet makers with predefined functions
- [Settings](/css/v3/customize.md): How to set up style generation and global variables

### PreffX

- [Untitled](/preffx.md)
- [Getting started](/preffx/getting-started.md): How to install and use library
- [Elements](/preffx/elements.md): How to use JSX elements
- [Components](/preffx/components.md): How to use JSX components
- [Routing](/preffx/routing.md): How to use PreffX routing utils
- [Internationalization (i18n)](/preffx/intl.md): How to use PreffX i18n utils
- [Server-Side Rendering (SSR)](/preffx/ssr.md): How to use PreffX server-side rendering

#### Components

- [Built-in Components](/preffx/components/builtin.md): PreffX built-in components

### EffCharts

- [Untitled](/charts.md)
- [Getting started](/charts/getting-started.md): How to install and use library

#### Components

- [Bar chart](/charts/bar.md): Component purpose and usage example
- [Line chart](/charts/line.md): Component purpose and usage example
- [Pie chart](/charts/pie.md): Component purpose and usage example

### EffDND

- [Untitled](/dnd.md)
- [Guide](/dnd/guide.md): How to install and use EffDND
- [Getting started](/dnd/v3.md): How to install and use library
- [Getting started (V2)](/dnd/v2.md): How to install and use library
- [Getting started (V1)](/dnd/v1.md): How to install and use library

### EffSZ

- [Untitled](/sz.md)
- [Getting started](/sz/getting-started.md): How to install and use library

#### Components

- [Limit container](/sz/limit.md): Component purpose and usage example
- [Scroll container](/sz/scroll.md): Component purpose and usage example
- [Split container](/sz/split.md): Component purpose and usage example
- [Expand container](/sz/expand.md): Component purpose and usage example
- [Slide container](/sz/slide.md): Component purpose and usage example
- [Masonry container](/sz/masonry.md): Component purpose and usage example
- [Carousel container](/sz/carousel.md): Component purpose and usage example

### CSS-Zero

- [Untitled](/css-zero.md)
- [Guide](/css-zero/guide.md): How to install and use CSS-Zero

### Other

- [npm](/code/css.md)
- [Untitled](/code/css-lazy.md)
- [Untitled](/iam.md)