Try Your Ideas Logo

TryYourIdeas

What if they work?
This site is optimized for Desktop.
The easiest way to create VueJS components with TailwindCSS
VueJS logoTailwindCSS logo
Create your components Visually

Create your components in the way you wanted

Why struggling remembering CSS codes when you can focus on your design?

Why making silly mistakes when boilerplate code can be easily generated?

Then, write the logic in your favorite IDE

Use your IDE for what it is good for: Writing code, tests, logic, things that can not be visually validated

We generate the code for your favorites frontend frameworks VueJS and TailwindCSS

Then edit in your favorite ide
Gradient Image

Gradients

Finding the right color combination and directions for gradients is quite time consuming. With our component editor this can be done in two mouse clicks.

Animations image

Animations

When you are giving life to your components, your expectation is to see how this is accomplished and quickly perfect the animation. That is what we allow with our tool. Shadows, gradients, placements and many other animations.

Composition image

Composition

There are out there many tools that offer individual components that you need to struggle with to incorporate to your design. We allow component composition in a natural way. With no hassle.

Properties image

Properties

Creating properties, variables and events and orchestrating components is both, time-consuming and error prone. It's also difficult to remember which events are triggered by each component. We take care of that.