Project Tracker Application
The Project Tracker Application showcases the free KendoReact UI components and features, including a Data Grid, AppBar, Buttons, Inputs, Dropdowns and Icons. It demonstrates the integration of KendoReact components with Vite and uses Tailwind CSS utility classes.
Start Free Trial
How to Run the Demo
Whether you are looking for examples how to use KendoReact in applications, or for a starting point for your own project management app, head over to the live Project Tracker Application. You can find the Vite application's source code on GitHub.
To play with the demo and see how it’s built, you may want to run it locally:
- Clone or download the source code from GitHub.
- Install the required dependencies via
npm install. - Use
npm run build(for production usage) ornpm run devcommand to start a dev server. - Open
http://localhost:5173to view it in the browser.
About the App
The Project Tracker Application is an application built to help users manage tasks, projects, and teams efficiently. It is built using only free KendoReact components and follows best practices, maintaining a clean structure that makes it an excellent learning resource. Learn more about KendoReact Free and see the full list of free React components included.
Styling KendoReact Components with Ease
To make styling as easy as possible, you can use the KendoReact Themes that come out-of-the-box with this React UI components library. In this demo, we use the KendoReact Default Theme to make our components stand out and look great.
For more information on how to add one of the themes to your project, refer to the article on using the KendoReact themes in React projects.
If you're interested in applying more styling, How to Add Custom Styles to KendoReact Components with Sass is another helpful resource.
Easier Collaboration with Your Designers
To enable smooth collaboration between designers and developers, the Progress Design kit includes four free UI Kits for Figma. These kits supply your designers with assets that match the KendoReact UI components. Matching building blocks on both sides - design and development - enable efficient design implementation.