Logo
Stockholm-icons / Layout / Layout-4-blocks Created with Sketch.
Stockholm-icons / Communication / Chat6 Created with Sketch.
Stockholm-icons / General / User Created with Sketch.
Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Tools / Compass Created with Sketch.
Keen's Iconbox features icons and text with an animated wave effect.
Stockholm-icons / Code / Compiling Created with Sketch.
Get Started
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				    Get Started
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Communication / Clipboard-check Created with Sketch.
Tutorials
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				    Tutorials
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / General / User Created with Sketch.
User Guide
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				User Guide
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Design / Flatten Created with Sketch.
Get Started
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-success svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				Get Started
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / General / Half-star Created with Sketch.
Tutorials
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-danger svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				Tutorials
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Home / Picture Created with Sketch.
User Guide
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-warning svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				User Guide
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Shopping / Chart-bar1 Created with Sketch.
Get Started
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave wave-animate-slow mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-warning svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				Get Started
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Shopping / Settings Created with Sketch.
Tutorials
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave wave-animate-slower mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-success svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				Tutorials
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Weather / Cloud2 Created with Sketch.
User Guide
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave wave-animate-fast">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-primary svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				User Guide
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Home / Mirror Created with Sketch.
Get Started
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave wave-animate-slow wave-primary mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-success svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				Get Started
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / General / Thunder-move Created with Sketch.
Tutorials
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave wave-animate wave-danger mb-8 mb-lg-0">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-danger svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				Tutorials
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				
Stockholm-icons / Design / Sketch Created with Sketch.
User Guide
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy since the 1500s.

                <div class="card card-custom wave wave-animate-fast wave-success">
                	<div class="card-body">
                		<div class="d-flex align-items-center p-5">
                			<div class="mr-6">
                				<span class="svg-icon svg-icon-success svg-icon-4x">
                					<svg>
                						...
                					</svg>
                				</span>
                			</div>
                			<div class="d-flex flex-column">
                				<a href="#" class="text-dark text-hover-primary font-weight-bold font-size-h4 mb-3">
                				User Guide
                				</a>
                				<div class="text-dark-75">
                					...
                				</div>
                			</div>
                		</div>
                	</div>
                </div>
				

User Profile 15 messages

Recent Notifications
Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Files / File-done Created with Sketch.

Important Notice

Lorem Ipsum is simply dummy text of the printing and industry.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Design / Pen&ruller Created with Sketch.

System Update

There are many variations of passages of Lorem Ipsum available.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / General / Thunder-move Created with Sketch.

Server Maintenance

Contrary to popular belief, Lorem Ipsum is not simply random text.

Stockholm-icons / Layout / Layout-polygon Created with Figma. Stockholm-icons / Home / Alarm-clock Created with Sketch.

DB Migration

If you are going to use a passage of Lorem Ipsum, you need.

System Messages
Stockholm-icons / Communication / Group-chat Created with Sketch.
09:30 AM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / General / Attachment2 Created with Sketch.
2:45 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / Home / Library Created with Sketch.
3:12 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Stockholm-icons / Communication / Add-user Created with Sketch.
7:05 PM

To start a blog, think of a topic about and first brainstorm ways to write details

Privacy Settings:

After you log in, you will be asked for additional information to confirm your identity.

Security Settings:

After you log in, you will be asked for additional information to confirm your identity. For extra security, this requires you to confirm your email. Learn more.

Stockholm-icons / Navigation / Up-2 Created with Sketch.

Select A Demo

Demo 1
Demo 2
Demo 3
Demo 4
Demo 5
Demo 6
Demo 7
Demo 8
Demo 9