Eva Design System

Customizable Design System easily adaptable to your Brand. Available for Sketch with Mobile and Web component libraries.

Documentation

What's included

• Sketch file with hundreds of symbols and dozens of style settings
• Web and Mobile well known UI component libraries
• SVG Eva Icons support - 480+ general purpose icons
• 2 visual themes with Dark mode!

Quick Start - designers

• Eva Design System - Product Homepage
• Eva Icons - UI Icon Set
• Eva Sketch File - UI Library, UI Kits & etc.

Quick Start - developers

• Nebular Angular UI library quick start guide
• UI Kitten React Native UI library quick start guide

License

• Code - MIT license.
• Design resources (Skech) - MIT with restriction to distribute license.

More from Akveo

• Eva Icons - 480+ beautiful Open Source icons

How can I support the developers?

• Star our GitHub repo :star:
• Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
• Read us on Medium
• Follow us on Twitter :feet:
• Like our page on Facebook :thumbsup:

From Developers

Made with :heart: by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!

2.2.0 (2023-04-12)

• feat: add mappings for linear and circular progress bars (e2c0f3e)
• feat: reduced styles evaluation for never used variant groups combinations (f0d0b6a)

2.1.1 (2021-07-16)

• fix(processing): filter null values during strict theme processing (#87) (d0b47f9), closes #87
• fix(colors): change color-danger-focus-border color definition. (#86) (e30a28b), closes #86

2.1.0 (2021-04-15)

• fix(generator):add return type to createRawDefinitionsForSchema (#81) (4efd81a), closes #81
• chore(deps): bump ini from 1.3.5 to 1.3.7 (#73) (fab3655), closes #73
• feat(button-group): add ghost option appearance for buttonGroup component (#78) (cd4e8fe), closes #78
• feat(processor): parameter type definition generation script (#44) (01f9812), closes #44
• feat(select): remove placeholderMarginHorizontal mapping value (#76) (b8a2389), closes #76
• fix(input): remove useless input style property (#75) (1cf6e51), closes #75
• fix(navigation): add disabled state in topNavigatioAction mapping (#74) (6d16445), closes #74
• fix(processor): generation scripts (#41) (a6298a5), closes #41

2.0.0(2020-05-12)

• fix(mapping): typography fixes and component updates (ca18816)
• feat(processor): support theme references in mapping (58cd411)

1.4.0 (2020-02-10)

• Add @eva-design/material package (5c0fea1)

1.3.2 (2020-01-16)

• feat(mapping): card - add active state (fe5e024)
• feat(mapping): datepicker - define children parameters (1732174)

1.3.1 (2019-12-13)

• fix(mapping): popover mappings (6be3176)

1.3.0 (2019-12-04)

• refactor(mapping): border colors to use *border variables (7ac3bc5)
• refactor(mapping): card - unify status mapping (397fc14)
• refactor(mapping): control component sizes (a7f94d2)
• refactor(mapping): select state colors (0e39f9e)
• refactor(mapping): unify state color mapping (a620a8f)
• refactor(mapping): update ghost button and input borders (d499c88)
• refactor(themes): add background and border state color lists (2ddc451)
• fix(mapping): text - h3 variant (2ce3770)
• fix(mapping): top-navigation-action - icon state colors (87d308b)
• feat(mapping): card component mappings add (f4bf152)
• feat(mapping): radio-group - add item vertical spacings (3b903ad)

1.3.0-beta.1 (2019-10-17)

• refactor(mapping): popover borderColor value (a1d6d53)
• refactor(mapping): select-option - background-color on selected state (888a8be)
• feat: describe web states mappings (746e3cc)
• feat(mapping): add tooltip border color (0109098)
• feat(mapping): popover - add border parameters (50fcc28)

1.2.0 (2019-09-27)

• feat(mapping/theme): basic and control statuses add / transparent colors add (9e809e0)

1.1.0 (2019-09-27)

• feat(mapping): add font-family for each component that has text (35361cc)
• feat(mapping): add missing list-item font-family mappings (ca7a8cf)
• feat(mapping): calendar/datepicker mappings add (19103f6)
• feat(mapping): toggle - add text mappings (40e2ccf)
• feat(mapping): top-navigation - control appearance (7394046)

1.1.0-beta.1 (2019-08-29)

• feat(demo): add fitness app demo file (#23) (6388333), closes #23
• feat(mapping): add drawer mapping (c111181)
• feat(mapping): add spinner mapping (1549436)
• feat(mapping): dropdown group mapping add (64f50f1)
• feat(mapping): dropdown label mappings add (c1a60ea)
• feat(mapping): menu basic mappings add (b415f34)
• feat(mapping): menu-groups mappings add (058566f)
• feat(mapping): part of dropdown mappings add (b35baaf)
• fix(mapping): dropdown danger border-color fix (0726fe3)
• fix(mapping): spinner status variant naming refactor (e5c309f)
• refactor(mapping): dropdown component rename (8fe888b)
• refactor(mapping): dropdown icon mapping refactor (cf6975c)
• refactor(mapping): dropdown item selected state refactor (e414abf)
• refactor(mapping): dropdown mapping refactor (36d4955)
• refactor(mapping): dropdown mapping refactor (752e1d3)
• refactor(mapping): dropdown mapping refactor (be2f039)
• refactor(mapping): dropdown mappings refactor (d175807)
• refactor(mapping): dropdown mappings refactor (68c3ef2)
• refactor(mapping): menu mappings refactor (9806b89)
• refactor(mapping): menu mappings refactor (c55f216)
• refactor(mapping): menu mappings refactor (49d5704)
• refactor(mapping): overflow-menu mappings refactor (03e28eb)
• refactor(mapping): select mapping keys refactor (382de24)
• refactor(mapping): spinner mappings refactor (d59033a)
• refactor(mapping): spinner statuses refactor (3725c88)

1.0.1 (2019-06-28)

• build: fix state property type (0d1b537)
• chore: add licenses (#15) (7f0c433), closes #15
• chore: fix readme badges (f60992f)
• docs(readme): new readme (#13) (eb5b928), closes #13

1.0.0 (2019-06-11)

• release(eva): release version 1.0.0 (e5cfce0)
• fix(mapping): references fix (a9cab91)
• fix(mapping): typo fix (658df6a)
• fix(mapping): white status & input sizes (60b2626)
• fix(mapping/theme): icons variables fix (6d0f073)
• refactor(mapping/theme): eva-mapping and light/dark themes refactor (016b0e8)
• refactor(mapping/theme): theme variables refactor (d871295)
• Update packages/eva/themes/dark.json (5360893)
• Update packages/eva/themes/light.json (8133e75)

1.0.0-beta.1 (2019-05-31)

• feat(build): build pipeline add (482c466)
• feat(ci): add travis-ci config (76f2977)
• feat(common): linter scripts add (0be4e5c)
• feat(common): project setup (793d01a)
• feat(deploy): publish scripts add (82a0769)
• feat(mapping): add avatar mappings (0fd18a7)
• feat(mapping): add button line-height (#72) (2028428), closes #72
• feat(mapping): add button-group mappings (#25) (97c8012), closes #25
• feat(mapping): add checkbox mappings (#10) (575c1a6), closes #10
• feat(mapping): add input mappings (d2ffc75)
• feat(mapping): add list and list-item mappings (45e518a)
• feat(mapping): add overflow-menu mappings (#35) (c9f123d), closes #35
• feat(mapping): add radio-group mappings (#11) (f75e5f4), closes #11
• feat(mapping): add tab-view mappings (#14) (c9c3e6d), closes #14
• feat(mapping): add text appearance (41ca539)
• feat(mapping): add text mapping (f48da3f)
• feat(mapping): add text mappings (#21) (741d531), closes #21
• feat(mapping): add tooltip mappings (#18) (bfd61c3), closes #18
• feat(mapping): bottom-tab-navigator mappings add (#15) (de36863), closes #15
• feat(mapping): button-group statuses (6dba840)
• feat(mapping): checkbox eva mapping partially add (b6c5f7c)
• feat(mapping): create mapping schema (c28f70e)
• feat(mapping): Layout and Toggle mapping add (#13) (4081b78), closes #13
• feat(mapping): modal-component mappings add (#20) (caa194a), closes #20
• feat(mapping): restore checkbox mapping (#54) (dbf1b6c), closes #54
• feat(mapping): strict tokens support (#46) (a350386), closes #46
• feat(mapping): top-navigation-bar mappings add (#19) (ee12924), closes #19
• feat(mappings): input label and caption mappings add (#67) (8a1edc5), closes #67
• feat(preprocessor): implementation of eva meta and styles processors (#4) (fb28040), closes #4
• feat(processor): mapping customization (331c893)
• refactor: theme-variables (#80) (b692fd3), closes #80
• refactor(button-group): button-group mappings refactor (#73) (1ba3f72), closes #73
• refactor(common): gitignore refactor (dda5939)
• refactor(common): move preprocessor files to separate folder (9a165ea)
• refactor(eva): packages structure refactor (#9) (a260051), closes #9 #7
• refactor(mapping): add checkbox text mappings (ee3c1c2)
• refactor(mapping): add radio text mappings (749706d)
• refactor(mapping): apply theme on button mappings (fd46d66)
• refactor(mapping): apply token-groups to components (#22) (f7c4809), closes #22
• refactor(mapping): bottom-tab-navigator mappings refactor (#17) (f0e30c0), closes #17
• refactor(mapping): button missing mappings add (7e212ac)
• refactor(mapping): button missing meta params add (e333921)
• refactor(mapping): missing mappings add (#83) (712ecd6), closes #83
• refactor(mapping): radio/checkbox size variant remove (#85) (251eaaf), closes #85
• refactor(mapping): reduce mapping keyword usage (7799f40)
• refactor(mapping): top-navigation/top-navigation-action mappings refactor (#77) (c7c1e7f), closes #77
• refactor(mapping): update avatar mapping (4969551)
• refactor(mapping): update bottom-navigation mapping (8c80908)
• refactor(mapping): update checkbox mapping (1349be1)
• refactor(mapping): update input mapping (3bebf71)
• refactor(mapping): update list-item mapping (bca04bd)
• refactor(mapping): update overflow-menu mapping (2c28304)
• refactor(mapping): update popover mapping (683067c)
• refactor(mapping): update radio mapping (bb5b440)
• refactor(mapping): update tab mapping (9a18be3)
• refactor(mapping): update toggle mapping (8847412)
• refactor(mapping): update tooltip mapping (b903903)
• refactor(mapping): update top-navigation mapping (7d03c52)
• refactor(mappings): "icons" mappings refactor (d34f99d)
• refactor(mappings): toggle mappings refactor (#40) (8c95793), closes #40
• refactor(package): make packages prod-compatible (b4d6777)
• refactor(package): packages structure (f5578fc)
• refactor(processor): adopt to new meta structure. Closes #23 #26 (769c31a), closes #23 #26
• refactor(processor): append meta to component styles (4b3f4c0)
• refactor(processor): remove token-group processing functionality (e6b4aca)
• refactor(release): release flow update (8d3252b)
• package(common): update dependencies (6760bb2)
• package(script): versioning scripts (73b9da4)
• Create README.md (7e347fe)
• Update dss package usage (e07300b)
• Update package.json (2f8cb64)
• Update packages/dss/package.json (64aedcc)
• Update packages/eva/package.json (351a47d)
• fix(core): strict tokens schema (c055ead)
• fix(mapping): bottom-navigation (9a13ebb)
• fix(mapping): button - text line height (104f980)
• fix(mapping): button-group - appearance names (f0e639f)
• fix(mapping): common issues (882876c)
• fix(mapping): input - icon mappings (98bc1fc)
• fix(mapping): input padding (cfaf688)
• fix(mapping): popover - add indicator parameters (5bad427)
• fix(mapping): top-navigation (4240eb9)
• fix(processor): token group merge (#24) (5c47681), closes #24