Title 9
TitlesReusable title section from the DevDojo library.
by DevDojo
Turn ideas into beautiful websites. Simply describe it below.
Templates
Get a head start by using one of our pre-built templates. Each has many variations, fully ready to customize and make your own.
Describe and watch it build
Build and design your website right in your browser using the world's top AI models. Describe what you want and watch it come to life.
DevDojo Sites
Click any section and edit it in place, or flip to the code and change anything. Publish your site to the web or export it and use it in your application.
DevDojo Designs
Heroes, pricing tables, full pages. Simply describe the design you want and get real HTML, CSS, and JS on a live canvas. Choose your favorite model.
Reusable title section from the DevDojo library.
by DevDojo
Reusable title section from the DevDojo library.
by DevDojo
Reusable title section from the DevDojo library.
by DevDojo
Reusable title section from the DevDojo library.
by DevDojo
Reusable title section from the DevDojo library.
by DevDojo
Reusable title section from the DevDojo library.
by DevDojo
Components
Blade and Alpine components that get copied into your codebase. Style them, extend them, and keep them forever.
x-date-picker
A calendar date picker bound to a read-only input, with month navigation, today/selected highlighting and several display formats. The calendar is teleported so it never clips. Works with wire:model.
Slider
x-slider
A range slider for picking a value within a range. Themed with the primary accent color across browsers, with an optional label and live value readout. Works with wire:model.
OTP Input
x-otp
A segmented one-time-code input with auto-advance, backspace and arrow-key navigation, and paste-to-fill. Works with wire:model or a plain form field, and can fire an event when complete.
Rating
x-rating
An interactive star rating with hover preview and click-to-set (click the current value again to clear). Read-only mode for display. Works with wire:model or a plain form field.
Toggle
x-toggle
An animated switch control for boolean settings, with label, description, and three sizes. Works with wire:model. Announced as a switch (role="switch" on the underlying checkbox) to assistive technology.
Select
x-select
A styled native select with an optional label, placeholder and automatic validation errors. Pass <option> elements as the content. Works with wire:model.
Projects on GitHub
DevDojo runs on a lot of free and open source tools we've built. The same code powering this platform can power your next project.