Starter Pages & Examples
Kick-start your project effortlessly with Preline UI's wide range of examples, using pre-built UI parts, custom components and layouts using Tailwind CSS.
Marketing
Premium grade comprehensive components and website solutions to create stunning marketing websites
Page Sections
Hero Sections
6 components
Hero Forms
3 components
Icon Sections
10 components
Pricing Sections +1 New
4 components
FAQ Sections
4 components
Blog Sections
9 components
Blog Articles
2 components
Team Sections
4 components
Testimonials +1 New
7 components
Masonry Sections
1 components
Features: General
4 components
Features: Navs
2 components
Features: Stats
2 components
Announcement Banners
7 components
Card Sections
4 components
Clients Sections New
4 components
Applications
A collection of intuitive application patterns and templates, to save time and effort for creating responsive web applications
Common Patterns
Common development techniques for building websites and apps using pre-existing components and utilities
Sticky Floating Header
Start a page with a beautiful rounded floating navbar.
Sticky Header
Attach a navbar to the top of the viewport with a sticky top position.
Sticky Footer & Header
Attach a navbar to the top and a footer to the bottom of the viewport.
Sticky Footer
Attach a footer to the bottom of the viewport when page content is short.
Scrollspy: Onepage Menu
A demo example to illustrate how scrollspy works with navbar.
Scrollspy: Sidebar
A demo example to illustrate how scrollspy works with fixed sidebar.
Download Preline UI
Our code is available for you to download, inspect, and modify: