# Reusable UI code for implementing ES search feature in webapp? **URL:** \ **Category:** Elasticsearch\ **Created:** [October 12, 2013, 7:54pm UTC](https://discuss.elastic.co/t/reusable-ui-code-for-implementing-es-search-feature-in-webapp/13931 "2013-10-12T19:54:14Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Dieter\_Plaetinck](https://avatars.discourse-cdn.com/v4/letter/d/eada6e/32.png) [@Dieter\_Plaetinck](https://discuss.elastic.co/u/Dieter_Plaetinck)\ **Post date:** [October 12, 2013, 7:54pm UTC](https://discuss.elastic.co/t/reusable-ui-code-for-implementing-es-search-feature-in-webapp/13931/1 "2013-10-12T19:54:14Z")
Hi, I'm the author of an opensource web app ([https://github.com/Dieterbe/anthracite/](https://github.com/Dieterbe/anthracite/)) that stores its data in elasticsearch. It's written in python, js and html. Now i want to add search capabilities. full text search, searching on certain fields, for tags, (nested) and/or/not constructs, etc. This needs a bunch of html forms with a certain behavior. Is there any UI code that I can add to my app to make this easier? Without having to write everything myself? I have searched but couldn't find anything. I'm even considering adding kibana into my app, though i would need to hack it to remove all the extra options i don't need any advice? thanks, Dieter -- You received this message because you are subscribed to the Google Groups "elasticsearch" group. To unsubscribe from this group and stop receiving emails from it, send an email to [elasticsearch+unsubscribe@googlegroups.com](mailto:elasticsearch+unsubscribe@googlegroups.com). For more options, visit [https://groups.google.com/groups/opt\_out](https://groups.google.com/groups/opt_out). ---
**Author:** ![jprante](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jprante/32/44941_2.png) [@jprante](https://discuss.elastic.co/u/jprante)\ **Post date:** [October 13, 2013, 6:56am UTC](https://discuss.elastic.co/t/reusable-ui-code-for-implementing-es-search-feature-in-webapp/13931/2 "2013-10-13T06:56:36Z")
I can offer a simple Elasticsearch Bootstrap search UI in > **[jprante/Elasticsearch-Dancer-App](https://github.com/jprante/Elasticsearch-Dancer-App)** > > Elasticsearch-Dancer-App - a simple Elasticsearch/Dancer/Bootstrap application for demonstration Jörg -- You received this message because you are subscribed to the Google Groups "elasticsearch" group. To unsubscribe from this group and stop receiving emails from it, send an email to [elasticsearch+unsubscribe@googlegroups.com](mailto:elasticsearch+unsubscribe@googlegroups.com). For more options, visit [https://groups.google.com/groups/opt\_out](https://groups.google.com/groups/opt_out). ---
**Author:** ![Justin\_MacCarthy](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/justin_maccarthy/32/2020_2.png) [@Justin\_MacCarthy](https://discuss.elastic.co/u/Justin_MacCarthy)\ **Post date:** [October 13, 2013, 2:54pm UTC](https://discuss.elastic.co/t/reusable-ui-code-for-implementing-es-search-feature-in-webapp/13931/3 "2013-10-13T14:54:45Z")
I'd suggest googling elasticsearch angularjs There seems to be a wealth of projects in that direction, if angularJs is an option. On Sunday, October 13, 2013 1:56:36 PM UTC+7, Jörg Prante wrote: > I can offer a simple Elasticsearch Bootstrap search UI in > [GitHub - jprante/Elasticsearch-Dancer-App: a simple Elasticsearch/Dancer/Bootstrap application for demonstration](https://github.com/jprante/Elasticsearch-Dancer-App) > > Jörg -- You received this message because you are subscribed to the Google Groups "elasticsearch" group. To unsubscribe from this group and stop receiving emails from it, send an email to [elasticsearch+unsubscribe@googlegroups.com](mailto:elasticsearch+unsubscribe@googlegroups.com). For more options, visit [https://groups.google.com/groups/opt\_out](https://groups.google.com/groups/opt_out). ---
**Author:** ![Sylvain\_Utard](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/sylvain_utard/32/2058_2.png) [@Sylvain\_Utard](https://discuss.elastic.co/u/Sylvain_Utard)\ **Post date:** [October 14, 2013, 6:55am UTC](https://discuss.elastic.co/t/reusable-ui-code-for-implementing-es-search-feature-in-webapp/13931/4 "2013-10-14T06:55:28Z")
Hey Dieter, you should have a look at Twitter's typeahead.js library ([GitHub - twitter/typeahead.js: typeahead.js is a fast and fully-featured autocomplete library](https://github.com/twitter/typeahead.js)) or at this ruby/rails tutorial (even if you're in python) [https://shellycloud.com/blog/2013/10/adding-search-and-autocomplete-to-a-rails-app-with-elasticsearch](https://shellycloud.com/blog/2013/10/adding-search-and-autocomplete-to-a-rails-app-with-elasticsearch). You should also give a try to Algolia, we compared with ES in [Algolia vs Elastic: Full text search in database | Algolia](http://blog.algolia.com/full-text-search-in-your-database-algolia-versus-elasticsearch/). Our 5-min tutorial (including python) is available at [Algolia Documentation](https://www.algolia.com/doc). Bests, On Saturday, October 12, 2013 9:54:14 PM UTC+2, Dieter Plaetinck wrote: > Hi, > I'm the author of an opensource web app ( > [GitHub - Dieterbe/anthracite: an event / change logging/managament app](https://github.com/Dieterbe/anthracite/)) that stores its data in > elasticsearch. It's written in python, js and html. > Now i want to add search capabilities. full text search, searching on > certain fields, for tags, (nested) and/or/not constructs, etc. > This needs a bunch of html forms with a certain behavior. Is there any UI > code that I can add to my app to make this easier? Without having to write > everything myself? > > I have searched but couldn't find anything. > > I'm even considering adding kibana into my app, though i would need to > hack it to remove all the extra options i don't need > > any advice? > > thanks, > Dieter -- You received this message because you are subscribed to the Google Groups "elasticsearch" group. To unsubscribe from this group and stop receiving emails from it, send an email to [elasticsearch+unsubscribe@googlegroups.com](mailto:elasticsearch+unsubscribe@googlegroups.com). For more options, visit [https://groups.google.com/groups/opt\_out](https://groups.google.com/groups/opt_out). ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [July 6, 2017, 2:12am UTC](https://discuss.elastic.co/t/reusable-ui-code-for-implementing-es-search-feature-in-webapp/13931/5 "2017-07-06T02:12:41Z")