Application logo

TRUE Framework



TRUE Framework Logo Header

title

Man looking at block of code

Why use TRUE

There are good reasons to choose this framework for your next project.

Continue down the page to explore the
thoughts and goals behind the TRUE framework.

You can also get right into it:

Best Practices & Good Ideas

Built with best practices & specifications in mind,
and with bleeding-edge technology

  • Not tied to a particular technology
  • Lots of Nice Defaults
  • Customizable
  • Great UX, DX, UI, and Animations!
  • 100% PWA Compliant
  • Ready for collaboration
  • Open Source
Woman holding lightbulb

Based on Bleeding-Edge Tech

Ready for Production

Web Tech

Next dot JS Illustration

Next.js:

Next.js carries most of the front-end part of TRUE.
Without it, one would need to manually setup code transpilation, routing, dev friendly error handling, build system, and much more!

Being the most flexible, and - arguably - most efficient framework for building React applications, Next.js has found a space in many companies. To see what's possible, try looking at the Next.js showcase page.



User Interface

Design Components Illustration

Material UI:

The styling solution of choice is Material UI a.k.a MUI.
Without MUI, there's no theme, no ready-to-use, optimized, and tested component library, that has incredible performance and supports accessibility with an A+ out of the box.

There is truly much to be said about Material-UI, but one thing is certain... It is the ultimate DX while providing customizability to your hearts content

Framer Motion:

Framer Motion is the new cool kid on the block. It is what powers the amazing Framer tool, and is jam-packed with things you never knew you wanted, such as extra listeners for your components, and production ready gestures!