# \[ANN\] ElasticUI AngularJS Directives - Easily Build an Interface on top of Elasticsearch

**URL:** <https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436>\
**Category:** Elasticsearch\
**Created:** [July 2, 2014, 10:56am UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436 "2014-07-02T10:56:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yousef\_El\_Dardiry](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yousef_el_dardiry/32/1390_2.png) [@Yousef\_El\_Dardiry](https://discuss.elastic.co/u/Yousef_El_Dardiry)\
**Post date:** [July 2, 2014, 10:56am UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436/1 "2014-07-02T10:56:48Z")

</div>

Hi all,

I just open sourced a set of AngularJS Directives for Elasticsearch. It  
enables developers to rapidly build a frontend (e.g.: faceted search  
engine) on top of Elasticsearch.

[http://www.elasticui.com](http://www.elasticui.com) (or github [https://github.com/YousefED/ElasticUI](https://github.com/YousefED/ElasticUI))

It makes creating an aggregation and listing the buckets as simple as:

- 
- {{bucket}}
\*

I think this was currently missing in the ecosystem, which is why I decided  
to build and open source it. I'd love any kind of feedback.

- Yousef

_-----_  
Another example; add a checkbox facet based on a field using one of the  
built-in widgets  
[https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md](https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md):

Resulting in  
[image: checklist screenshot]

--  
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).  
To view this discussion on the web visit [https://groups.google.com/d/msgid/elasticsearch/7677d4fb-b340-4957-a7e6-ef4ef5e8347e%40googlegroups.com](https://groups.google.com/d/msgid/elasticsearch/7677d4fb-b340-4957-a7e6-ef4ef5e8347e%40googlegroups.com).  
For more options, visit [https://groups.google.com/d/optout](https://groups.google.com/d/optout).

---

<div class="post-metadata">

**Author:** ![warkolm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/warkolm/32/39224_2.png) [@warkolm](https://discuss.elastic.co/u/warkolm)\
**Post date:** [July 2, 2014, 11:51am UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436/2 "2014-07-02T11:51:54Z")

</div>

Very cool, I'll pass this onto some of our devs 🙂

Regards,  
Mark Walkom

Infrastructure Engineer  
Campaign Monitor  
email: [markw@campaignmonitor.com](mailto:markw@campaignmonitor.com)  
web: [www.campaignmonitor.com](http://www.campaignmonitor.com)

On 2 July 2014 20:56, Yousef El-Dardiry [yousefdardiry@gmail.com](mailto:yousefdardiry@gmail.com) wrote:

> Hi all,
> 
> I just open sourced a set of AngularJS Directives for Elasticsearch. It  
> enables developers to rapidly build a frontend (e.g.: faceted search  
> engine) on top of Elasticsearch.
> 
> [http://www.elasticui.com](http://www.elasticui.com) (or github  
> [https://github.com/YousefED/ElasticUI](https://github.com/YousefED/ElasticUI))
> 
> It makes creating an aggregation and listing the buckets as simple as:
> 
> - 
> - {{bucket}}
> \*
> 
> I think this was currently missing in the ecosystem, which is why I  
> decided to build and open source it. I'd love any kind of feedback.
> 
> - Yousef
> 
> _-----_  
> Another example; add a checkbox facet based on a field using one of the  
> built-in widgets  
> [https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md](https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md):
> 
> Resulting in  
> [image: checklist screenshot]
> 
> --  
> 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).  
> To view this discussion on the web visit  
> [https://groups.google.com/d/msgid/elasticsearch/7677d4fb-b340-4957-a7e6-ef4ef5e8347e%40googlegroups.com](https://groups.google.com/d/msgid/elasticsearch/7677d4fb-b340-4957-a7e6-ef4ef5e8347e%40googlegroups.com)  
> [https://groups.google.com/d/msgid/elasticsearch/7677d4fb-b340-4957-a7e6-ef4ef5e8347e%40googlegroups.com?utm\_medium=email&utm\_source=footer](https://groups.google.com/d/msgid/elasticsearch/7677d4fb-b340-4957-a7e6-ef4ef5e8347e%40googlegroups.com?utm_medium=email&utm_source=footer)  
> .  
> For more options, visit [https://groups.google.com/d/optout](https://groups.google.com/d/optout).

--  
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).  
To view this discussion on the web visit [https://groups.google.com/d/msgid/elasticsearch/CAEM624aT-TAiuMMjzmdy1ACDM-h5yGut2T0Z09LGaEcFu-3CXg%40mail.gmail.com](https://groups.google.com/d/msgid/elasticsearch/CAEM624aT-TAiuMMjzmdy1ACDM-h5yGut2T0Z09LGaEcFu-3CXg%40mail.gmail.com).  
For more options, visit [https://groups.google.com/d/optout](https://groups.google.com/d/optout).

---

<div class="post-metadata">

**Author:** ![Matthew\_Morrison](https://avatars.discourse-cdn.com/v4/letter/m/dc4da7/32.png) [@Matthew\_Morrison](https://discuss.elastic.co/u/Matthew_Morrison)\
**Post date:** [July 2, 2014, 8:36pm UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436/3 "2014-07-02T20:36:01Z")

</div>

Great idea. I'll give it a try ASAP.

On Wednesday, July 2, 2014 10:56:48 PM UTC+12, Yousef El-Dardiry wrote:

> Hi all,
> 
> I just open sourced a set of AngularJS Directives for Elasticsearch. It  
> enables developers to rapidly build a frontend (e.g.: faceted search  
> engine) on top of Elasticsearch.
> 
> [http://www.elasticui.com](http://www.elasticui.com) (or github  
> [https://github.com/YousefED/ElasticUI](https://github.com/YousefED/ElasticUI))
> 
> It makes creating an aggregation and listing the buckets as simple as:
> 
> - 
> - {{bucket}}
> \*
> 
> I think this was currently missing in the ecosystem, which is why I  
> decided to build and open source it. I'd love any kind of feedback.
> 
> - Yousef
> 
> _-----_  
> Another example; add a checkbox facet based on a field using one of the  
> built-in widgets  
> [https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md](https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md):
> 
> Resulting in  
> [image: checklist screenshot]

--

See why you should attend BroadSoft Connections 2014  
[http://broadsoftconnections.com/](http://broadsoftconnections.com/)

This email is intended solely for the person or entity to which it is  
addressed and may contain confidential and/or privileged information. If  
you are not the intended recipient and have received this email in error,  
please notify BroadSoft, Inc. immediately by replying to this message, and  
destroy all copies of this message, along with any attachment, prior to  
reading, distributing or copying it.

--  
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).  
To view this discussion on the web visit [https://groups.google.com/d/msgid/elasticsearch/a2ae383e-154a-4a2f-a925-20461157a827%40googlegroups.com](https://groups.google.com/d/msgid/elasticsearch/a2ae383e-154a-4a2f-a925-20461157a827%40googlegroups.com).  
For more options, visit [https://groups.google.com/d/optout](https://groups.google.com/d/optout).

---

<div class="post-metadata">

**Author:** ![Petar\_Djekic](https://avatars.discourse-cdn.com/v4/letter/p/ecccb3/32.png) [@Petar\_Djekic](https://discuss.elastic.co/u/Petar_Djekic)\
**Post date:** [July 3, 2014, 1:06pm UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436/4 "2014-07-03T13:06:11Z")

</div>

wow, this is really cool!

On Wednesday, July 2, 2014 12:56:48 PM UTC+2, Yousef El-Dardiry wrote:

> Hi all,
> 
> I just open sourced a set of AngularJS Directives for Elasticsearch. It  
> enables developers to rapidly build a frontend (e.g.: faceted search  
> engine) on top of Elasticsearch.
> 
> [http://www.elasticui.com](http://www.elasticui.com) (or github  
> [https://github.com/YousefED/ElasticUI](https://github.com/YousefED/ElasticUI))
> 
> It makes creating an aggregation and listing the buckets as simple as:
> 
> - 
> - {{bucket}}
> \*
> 
> I think this was currently missing in the ecosystem, which is why I  
> decided to build and open source it. I'd love any kind of feedback.
> 
> - Yousef
> 
> _-----_  
> Another example; add a checkbox facet based on a field using one of the  
> built-in widgets  
> [https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md](https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md):
> 
> Resulting in  
> [image: checklist screenshot]

--  
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).  
To view this discussion on the web visit [https://groups.google.com/d/msgid/elasticsearch/d1f09022-81f3-4b45-bcfc-2991a6190a6b%40googlegroups.com](https://groups.google.com/d/msgid/elasticsearch/d1f09022-81f3-4b45-bcfc-2991a6190a6b%40googlegroups.com).  
For more options, visit [https://groups.google.com/d/optout](https://groups.google.com/d/optout).

---

<div class="post-metadata">

**Author:** ![Yousef\_El\_Dardiry](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yousef_el_dardiry/32/1390_2.png) [@Yousef\_El\_Dardiry](https://discuss.elastic.co/u/Yousef_El_Dardiry)\
**Post date:** [July 21, 2014, 9:40am UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436/5 "2014-07-21T09:40:00Z")

</div>

Thanks all for the enthusiastic responses! Very excited to see the first  
contributions today and many stars on github over the last couple of weeks.  
Would love to hear your feedback / use cases in case you have any already 🙂

Regards,

- Yousef

[http://www.elasticui.com](http://www.elasticui.com)

> **[TweetBeam](https://www.tweetbeam.com/)**
>
> A unique visualization of live Twitter updates. Capture the feeling of an event with a TweetBeam Twitter Wall.

On Thursday, July 3, 2014 3:06:11 PM UTC+2, Petar Djekic wrote:

> wow, this is really cool!
> 
> On Wednesday, July 2, 2014 12:56:48 PM UTC+2, Yousef El-Dardiry wrote:
> 
> > Hi all,
> > 
> > I just open sourced a set of AngularJS Directives for Elasticsearch. It  
> > enables developers to rapidly build a frontend (e.g.: faceted search  
> > engine) on top of Elasticsearch.
> > 
> > [http://www.elasticui.com](http://www.elasticui.com) (or github  
> > [https://github.com/YousefED/ElasticUI](https://github.com/YousefED/ElasticUI))
> > 
> > It makes creating an aggregation and listing the buckets as simple as:
> > 
> > - 
> > - {{bucket}}
> > \*
> > 
> > I think this was currently missing in the ecosystem, which is why I  
> > decided to build and open source it. I'd love any kind of feedback.
> > 
> > - Yousef
> > 
> > _-----_  
> > Another example; add a checkbox facet based on a field using one of the  
> > built-in widgets  
> > [https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md](https://github.com/YousefED/ElasticUI/blob/master/docs/widgets.md):
> > 
> > Resulting in  
> > [image: checklist screenshot]

--  
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).  
To view this discussion on the web visit [https://groups.google.com/d/msgid/elasticsearch/d2b79b01-4460-4f07-ab38-508a22f50d37%40googlegroups.com](https://groups.google.com/d/msgid/elasticsearch/d2b79b01-4460-4f07-ab38-508a22f50d37%40googlegroups.com).  
For more options, visit [https://groups.google.com/d/optout](https://groups.google.com/d/optout).

---

<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:** [July 6, 2017, 1:14am UTC](https://discuss.elastic.co/t/ann-elasticui-angularjs-directives-easily-build-an-interface-on-top-of-elasticsearch/18436/6 "2017-07-06T01:14:36Z")

</div>


