Cloc Atoms – Component Gallery
Import any component in your Remix route withimport { ComponentName } from '@cloc/atoms' or the specific sub-path shown below.
Timers
Timer widgets and progress indicators
ModernCloc – small default
00:00:00
ModernCloc – default with progress
00:00:00
Today : 00:00:00
ModernCloc – large bordered
00:00:00
ModernCloc – expanded default
ModernCloc – large bordered expanded
ModernCloc – resizable full features
ClocBasic – default
ClocBasic – thick border
ClocBasic – gray rounded
ClocBasic – contained primary
ClocBasic – icon + progress
ClocPomodoroTimer
Cloc Pomodoro Timer
25:00
Levelmedium
Task 0
Activity Displayers
Components for displaying work activity and time tracking
ClocDailyActivityDisplayer
Today's activity
0%
ClocWeeklyActivityDisplayer
Weeky activity
0%
ClocWorkedProjectDisplayer
Project
0
ClocDailyWorkedTimeDisplayer
Worked today
00:00:00
ClocWeeklyWorkedTimeDisplayer
Worked this week
00:00:00
Authentication & User Management
Components for user authentication and profile management
ClocLoginDialog
ClocRegistrationForm
ClocProfileForm
ClocPasswordUpdateForm
ClocAccountDeletionForm
Team Management
Components for team creation and management
ClocTeamCreationForm
Create Team
ClocTeamsViewer
ClocTeamMembers
ClocMemberInvitationForm
Invite member to your team
Send an invitation to a team member by email
ClocTeamSetting
ClocMemberInvitationFormDialog
ClocTeamCreationFormDialog
Project & Task Management
Components for managing projects and tasks
UI Components
General UI components and utilities