Belle

Belle

Easy to style React Components with great UX built-in

2 followers

Belle gallery image
Belle gallery image
Launch Team
Framer
Framer
Launch websites with enterprise needs at startup speeds.
Promoted

What do you think? …

Nik Graf
Hi, I'm one of the creators of Belle, As of today we hit version 1.0.0 :) Belle currently includes these components: Toggle, ComboBox, Rating, TextInput, Button, Card & Select. Many more like DatePicker, NumberInput, DropZone & Menu will come soon. We built Belle with desktop, mobile and ARIA support and aim to provide the best possible UX while making the components highly configurable to allow users applying their own theme. For demonstration purposes Belle comes with two themes (Belle, Bootstrap3) Let me know if you have any questions.
Iwein Fuld
@nikgraf fantastic to see this being picked up by PH. Congratulations @nikgraf @jyopur!
Braden Hamm
I would add a card example with multiple types on content in it. Ex: image, text, link
Nik Graf
@bradenhamm good idea, we will do that!
Alexandru Rosianu
Excellent job @nikgraf and @jyopur! Keep it up :)
Jyoti Puri
@aluxian Thanks :)
Nik Graf
@aluxian thx Alex
Blaine Hatab
More react stuff!!! Get it react.
Nik Graf
Jyoti Puri
Hey, I am also one of creators belle. You must go and checkout belle to see much details we have put in making these components. The components have great UX, for instance you can configure text boxes to be multiline and then they will themselves expand as user types more text. In toggle component on mobiles user can either use touch or grab, while grabbing if you move little away from handle it still works. The components have inbuilt support for mobile devices. They can in fact handle all various kinds of events touch, mouse, keyboard. The components are highly configurable in terms of styling, right now we have 2 styling theme: belle, bootstrap and in future we plan to come up with more. With great ease you can just switch theme of entire app with just one configuration change or you can even individually customize the components for your need. Like react our form components can be used as both controlled and uncontrolled components. Looking forward to feedbacks and support from community :) ~Jyoti