Design
Improve your design skills: Develop an "eye" for design
Tools and trends change, but good design is timeless. Learn how to quickly develop an "eye" for design.
Powerful and customizable React blog section components built for modern and responsive websites. These blog sections are built using React Aria and styled with Tailwind CSS.
Preview
Code
Our blog
Resources and insights
The latest industry news, interviews, technologies, and resources.
DesignUX review presentationsHow do you create compelling presentations that wow your colleagues and impress your managers?
ProductMigrating to Linear 101Linear helps streamline software projects, sprints, tasks, and bug tracking. Here's how to get started.
Software EngineeringBuilding your API stackThe rise of RESTful APIs has been met by a rise in tools for creating, testing, and managing them.
- ProductBill Walsh leadership lessons
Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl winning Dynasty?
ProductPM mental modelsMental models are simple expressions of complex processes or relationships.
DesignWhat is wireframing?Introduction to Wireframing and its Principles. Learn from the best in the industry.
DesignHow collaboration makes us better designersCollaboration can make our teams stronger, and our individual designs better.
ProductOur top 10 Javascript frameworks to useJavaScript frameworks make development easy with extensive features and functionalities.
- Customer SuccessPodcast: Creating a better CX Community
Starting a community doesn't need to be complicated, but how do you get started?
Installation
CLI
Manual
npx properui@latest add blog-sectionsBlog section examples
Blog Header Featured Post 01
Blog Header Featured Post 01 · Marketing section
Blog Header Featured Post 04
Blog Header Featured Post 04 · Marketing section
Blog Header Simple 03
Blog Header Simple 03 · Marketing section
Blog Header Simple 06
Blog Header Simple 06 · Marketing section
Blog Header Alt Layout 01
Blog Header Alt Layout 01 · Marketing section
Blog Header Alt Layout 04
Blog Header Alt Layout 04 · Marketing section
Blog Section Simple Center Aligned 01
Blog Section Simple Center Aligned 01 · Marketing section
Blog Section Split Layout 02
Blog Section Split Layout 02 · Marketing section
Blog Header Featured Post 02
Blog Header Featured Post 02 · Marketing section
Blog Header Simple 01
Blog Header Simple 01 · Marketing section
Blog Header Simple 04
Blog Header Simple 04 · Marketing section
Blog Header Sidebar 01
Blog Header Sidebar 01 · Marketing section
Blog Header Alt Layout 02
Blog Header Alt Layout 02 · Marketing section
Blog Section Simple Left Aligned 01
Blog Section Simple Left Aligned 01 · Marketing section
Blog Section Simple Center Aligned 02
Blog Section Simple Center Aligned 02 · Marketing section
Blog Section Carousel Layout 01
Blog Section Carousel Layout 01 · Marketing section
Blog Header Featured Post 03
Blog Header Featured Post 03 · Marketing section
Blog Header Simple 02
Blog Header Simple 02 · Marketing section
Blog Header Simple 05
Blog Header Simple 05 · Marketing section
Blog Header Sidebar 02
Blog Header Sidebar 02 · Marketing section
Blog Header Alt Layout 03
Blog Header Alt Layout 03 · Marketing section
Blog Section Simple Left Aligned 02
Blog Section Simple Left Aligned 02 · Marketing section
Blog Section Split Layout 01
Blog Section Split Layout 01 · Marketing section
Blog Section Carousel Layout 02
Blog Section Carousel Layout 02 · Marketing section