# Kibana Custom UI development

**URL:** <https://discuss.elastic.co/t/kibana-custom-ui-development/164032>\
**Category:** Kibana\
**Created:** [January 13, 2019, 11:12am UTC](https://discuss.elastic.co/t/kibana-custom-ui-development/164032 "2019-01-13T11:12:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)\
**Post date:** [January 13, 2019, 11:12am UTC](https://discuss.elastic.co/t/kibana-custom-ui-development/164032/1 "2019-01-13T11:12:32Z")

</div>

Hello Team,

I am new to elasticsearch and don't have any experience in UI development. I want to learn UI development and create my own custom UI, vizualizations in Kibana.  
Could you please help me understand what UI languages / Frameworks i should learn and which kibana version should i target.

Is there any training available for custom UI development in KIbana.

I tried building kibana using source code however i ran into build issues.

```
kibana: $ yarn build:types && node scripts/register_git_hook
kibana: $ tsc --p tsconfig.types.json
kibana: Registering Kibana pre-commit git hook...
kibana: fail Kibana pre-commit git hook was not installed as an error occur.
kibana: ERROR TypeError: Cannot read property 'replace' of undefined
kibana: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
x kibana: error Command failed with exit code 1.

[bootstrap] failed:

Error: Command failed: yarn run kbn:bootstrap
error Command failed with exit code 1.

$ yarn build:types && node scripts/register_git_hook
$ tsc --p tsconfig.types.json
Registering Kibana pre-commit git hook...

fail Kibana pre-commit git hook was not installed as an error occur.

ERROR TypeError: Cannot read property 'replace' of undefined
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

    at makeError (D:\elasticsearch\gitcode\kibana\kibana\packages\kbn-pm\dist\index.js:14111:9)
    at Promise.all.then.arr (D:\elasticsearch\gitcode\kibana\kibana\packages\kbn-pm\dist\index.js:14215:16)
    at process._tickCallback (internal/process/next_tick.js:68:7)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

```

Thank You,  
Aditya

---

<div class="post-metadata">

**Author:** ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)\
**Post date:** [January 15, 2019, 7:32am UTC](https://discuss.elastic.co/t/kibana-custom-ui-development/164032/2 "2019-01-15T07:32:46Z")

</div>

Hello Team,

I was able to build Kibana with Kibana branch 6.5  
Git code and also was able to generate(boilerplate), build and install plugin in Kibana. However I did not add any Functionality to the plugin.

Could you please help me with following queries  
1 .What Should be used for development, Angular or react  
2. what JS versions are preferred.

Thank you for your help and support.

Thank you,  
Aditya

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [February 12, 2019, 7:32am UTC](https://discuss.elastic.co/t/kibana-custom-ui-development/164032/3 "2019-02-12T07:32:50Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.